久久久久久无码日韩欧美,中文无码人妻∧V在线,国产裸体美女无遮挡在线观

介紹

使用ArkTS語(yǔ)言實(shí)現(xiàn)一個(gè)簡(jiǎn)單的免登錄過(guò)程，向大家介紹基本的cookie管理操作。主要包含以下功能：

獲取指定url對(duì)應(yīng)的cookie的值。
設(shè)置cookie。
清除所有cookie。
免登錄訪(fǎng)問(wèn)賬戶(hù)中心。

原理說(shuō)明

本應(yīng)用旨在說(shuō)明Web組件中cookie的管理操作。結(jié)合應(yīng)用彈框和免登錄兩種方式進(jìn)行講解。

應(yīng)用彈框
若用戶(hù)已通過(guò)“設(shè)置cookie”完成cookie寫(xiě)操作，點(diǎn)擊應(yīng)用首頁(yè)的“獲取cookie”按鈕，則應(yīng)用彈窗中會(huì)帶有“info=測(cè)試cookie寫(xiě)入”的信息。若用戶(hù)未進(jìn)行寫(xiě)操作，則彈窗信中無(wú)對(duì)應(yīng)信息。
免登錄
若用戶(hù)在應(yīng)用首頁(yè)完成登錄操作，則點(diǎn)擊“驗(yàn)證cookies”按鈕，界面會(huì)跳轉(zhuǎn)至“關(guān)于”界面；若用戶(hù)此前未完成登錄操作，則會(huì)跳轉(zhuǎn)至登錄界面。這里借助真實(shí)的登錄過(guò)程，體現(xiàn)了Web組件自動(dòng)存儲(chǔ)登錄后的會(huì)話(huà)cookie，并在整個(gè)應(yīng)用中生效的能力。

流程如圖所示：

環(huán)境搭建

軟件要求

[DevEco Studio]版本：DevEco Studio 3.1 Release。
OpenHarmony SDK版本：API version 9。

硬件要求

開(kāi)發(fā)板類(lèi)型：[潤(rùn)和RK3568開(kāi)發(fā)板]。
OpenHarmony系統(tǒng)：3.2 Release。

環(huán)境搭建

完成本篇Codelab我們首先要完成開(kāi)發(fā)環(huán)境的搭建，本示例以RK3568開(kāi)發(fā)板為例，參照以下步驟進(jìn)行：

[獲取OpenHarmony系統(tǒng)版本]：標(biāo)準(zhǔn)系統(tǒng)解決方案（二進(jìn)制）。以3.2 Release版本為例：
搭建燒錄環(huán)境。
1. [完成DevEco Device Tool的安裝]
2. [完成RK3568開(kāi)發(fā)板的燒錄](méi)
搭建開(kāi)發(fā)環(huán)境。
1. 開(kāi)始前請(qǐng)參考[工具準(zhǔn)備]，完成DevEco Studio的安裝和開(kāi)發(fā)環(huán)境配置。
2. 開(kāi)發(fā)環(huán)境配置完成后，請(qǐng)參考[使用工程向?qū)創(chuàng)建工程（模板選擇“Empty Ability”）。
3. 工程創(chuàng)建完成后，選擇使用[真機(jī)進(jìn)行調(diào)測(cè)]。
4. 鴻蒙開(kāi)發(fā)指導(dǎo)文檔：[qr23.cn/FBD4cY]

代碼結(jié)構(gòu)解讀

本篇Codelab只對(duì)核心代碼進(jìn)行講解，完整代碼可以直接從gitee獲取。

├──entry/src/main/ets               // 代碼區(qū)
│  ├──common                         
│  │  ├──constants                   
│  │  │  └──CommonConstant.ets      // 常量類(lèi)
│  │  └──utils                       
│  │     ├──DialogUtil.ets          // 彈框工具類(lèi) 
│  │     └──Logger.ets              // 日志工具類(lèi)
│  ├──entryability                    
│  │  └──EntryAbility.ts            // 程序入口類(lèi)
│  ├──pages                          
│  │  ├──Verify.ets                 // 免登錄驗(yàn)證界面
│  │  └──WebIndex.ets               // 應(yīng)用首頁(yè)
│  └──view                                
│     └──LinkButton.ets             // 鏈接按鈕組件
└──entry/src/main/resources         // 應(yīng)用資源目錄

`HarmonyOS與OpenHarmony鴻蒙文檔籽料：mau123789是v直接拿`

搜狗高速瀏覽器截圖20240326151547.png

實(shí)現(xiàn)步驟

應(yīng)用首頁(yè)

首次打開(kāi)應(yīng)用時(shí)，應(yīng)用首頁(yè)的Web組件內(nèi)呈現(xiàn)的是登錄界面。用戶(hù)完成登錄操作后，會(huì)跳轉(zhuǎn)至賬號(hào)中心界面。在用戶(hù)不點(diǎn)擊“刪除cookies”按鈕的情況下，用戶(hù)關(guān)閉并再次打開(kāi)應(yīng)用，首頁(yè)仍會(huì)跳轉(zhuǎn)至賬號(hào)中心界面。Web組件會(huì)自動(dòng)存儲(chǔ)所加載界面的cookie信息，包括登錄的cookie信息。用戶(hù)可以通過(guò)點(diǎn)擊“刪除cookies”按鈕，清除所有cookie信息。首頁(yè)呈現(xiàn)效果如圖：

首頁(yè)布局簡(jiǎn)單，由應(yīng)用標(biāo)題“Web組件”、內(nèi)部標(biāo)題“Web組件內(nèi)”、中間加載的網(wǎng)頁(yè)和底部一排按鈕組成。分別對(duì)應(yīng)兩個(gè)Text組件、一個(gè)Web組件以及一個(gè)Row容器組件。Row容器組件內(nèi)包含四個(gè)鏈接按鈕，為L(zhǎng)inkButton自定義組件。

// WebIndex.ets
Column() {
  Text($r('app.string.navigator_name'))
    ...

  Text($r('app.string.title_name'))
    ...

  Web({
    src: CommonConstants.USER_CENTER_URL,
    controller: this.controller
  })
    ...

  Row() {
    LinkButton({ buttonType: CookieOperation.GET_COOKIE, isNeedDivider: true })
    LinkButton({ buttonType: CookieOperation.SET_COOKIE, isNeedDivider: true })
    LinkButton({ buttonType: CookieOperation.DELETE_COOKIE, isNeedDivider: true })
    LinkButton({ buttonType: CookieOperation.VERIFY_COOKIE, isNeedDivider: false })
  }
  ...
}
...

自定義組件LinkButton由Text組件和Divider分隔器組件組成。最后一個(gè)按鈕沒(méi)有分隔器，通過(guò)isNeedDivider標(biāo)識(shí)符判斷是否需要添加Divider分隔器組件。

// LinkButton.ets
Row() {
  Text(this.buttonType)
    ...

  if (this.isNeedDivider) {
    Divider()
      ...
  }
}

每個(gè)按鈕被點(diǎn)擊時(shí)，都是調(diào)用operationMethod函數(shù)。函數(shù)根據(jù)不同操作，執(zhí)行不同的代碼內(nèi)容。包括cookie的讀、寫(xiě)和刪除操作，以及頁(yè)面跳轉(zhuǎn)操作。

// LinkButton.ets
operationMethod() {
  switch (this.buttonType) {
    case CookieOperation.GET_COOKIE:
      try {
        let originCookie = web_webview.WebCookieManager.getCookie(CommonConstants.USER_CENTER_URL);
        showDialog(originCookie);
      } catch (error) {
        showDialog(`ErrorCode: ${error.code},  Message: ${error.message}`);
      }
      break;
    case CookieOperation.SET_COOKIE:
      try {
        web_webview.WebCookieManager.setCookie(CommonConstants.USER_ABOUT_URL, 'info=測(cè)試cookie寫(xiě)入');
        showDialog($r('app.string.write_success'));
      } catch (error) {
        showDialog(`ErrorCode: ${error.code},  Message: ${error.message}`);
      }
      break;
    case CookieOperation.DELETE_COOKIE:
      web_webview.WebCookieManager.deleteEntireCookie();
      let deleteMessage = $r('app.string.delete_success');
      showDialog(deleteMessage);
      break;
    case CookieOperation.VERIFY_COOKIE:
      router.pushUrl({
        url: CommonConstants.PAGE_VERIFY
      }).catch((err: Error) = > {
        Logger.error('[LinkButton] push url fail: ' + JSON.stringify(err));
      });
      break;
    default:
      break;
  }
}

免登錄驗(yàn)證頁(yè)

當(dāng)用戶(hù)在應(yīng)用內(nèi)已完成登錄操作，在應(yīng)用的其他位置使用Web組件訪(fǎng)問(wèn)需要相同授權(quán)的頁(yè)面時(shí)，可免去多余的登錄操作。一個(gè)應(yīng)用中的所有Web組件共享一個(gè)WebCookie，因此一個(gè)應(yīng)用中Web組件存儲(chǔ)的cookie信息，也是可以共享的。界面呈現(xiàn)效果如圖：

該頁(yè)面布局同樣簡(jiǎn)單，由應(yīng)用導(dǎo)航標(biāo)題“Web組件”、內(nèi)部標(biāo)題“Web組件內(nèi)”、加載的網(wǎng)頁(yè)組成。分別對(duì)應(yīng)一個(gè)Navigator導(dǎo)航組件、一個(gè)Text組件和一個(gè)Web組件。Navigator導(dǎo)航組件類(lèi)型設(shè)置為返回（NavigationType.Back），內(nèi)容由返回圖標(biāo)和應(yīng)用標(biāo)題組成，呈水平排列展示。

// Verify.ets
Column() {
  Navigator({ target: CommonConstants.PAGE_INDEX, type: NavigationType.Back }) {
    Row() {
      Image($r('app.media.ic_back'))
        ...

      Text($r('app.string.navigator_name'))
        ...
    }
    ...
  }
  ...

  Text($r('app.string.title_name'))
    ...

  Web({
    src: CommonConstants.USER_ABOUT_URL,
    controller: this.controller
  })
    ...
}
...

審核編輯黃宇

聲明：本文內(nèi)容及配圖由入駐作者撰寫(xiě)或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人，不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用，如有內(nèi)容侵權(quán)或者其他違規(guī)問(wèn)題，請(qǐng)聯(lián)系本站處理。舉報(bào)投訴