??想了解更多關于開源的內容，請訪問：??

??51CTO 開源基礎軟件社區??

??https://ost.51cto.com??

11月4日在HDC大會(華為開發者大會2022)推出一套覆蓋應用設計、開發、測試、上架、運營全生命周期的七大鴻蒙開發套件“金字塔”，本次分享內容圍繞處于“塔尖”位置的一站式鴻蒙應用及原子化服務運營平臺AGC(AppGallery Connect，華為應用市場)展開。

1、認識AGC

AGC是華為整合內部各項優秀服務，并將在全球化、質量、安全、工程管理等領域長期積累的能力開放給開發者，其致力于為應用的創意、開發、分發、運營、經營各環節提供一站式服務，為構建全場景智慧化應用賦能。應用程序集成AGC服務，可大幅降低應用開發成本，提升開發效率，提高版本質量，其開放分發和運營服務，助力應用商業化成功。

AGC提供一站式全球發布、用戶精細化運營、應用高效開發、質量無憂護航四類場景解決方案，通過應用發布前云測試、云調試等服務對應用性能等方面進行檢測，從而降低應用上架審核駁回率。從2019年5月華為推出首個AGC版本至今，AGC從最初僅支持Android應用到目前支持Android、IOS、Web、小程序/小游戲、快應用，HarmonyOS應用，其在不斷迭代中壯大。

隨著后端架構不斷演進，從初始的單體架構到微服務架構，再到當前新型的Serverless架構，AGC以Serverless為基座，搭配云端開發，實現云端一體化能力，讓開發者成為全棧工程師，端開發者可以通過集成云端庫并編寫少量代碼即可實現業務模塊，不需要關注底層業務邏輯，如系統版本、環境搭建等。

2021年9月28日發布了支持HarmonyOS應用程序的AGC SDK，從1.1到1.3三個版本的不斷演進過程中，對于五大服務體系支持的越來越完整，當前支持認證服務、云函數、云數據庫、應用內消息、遠程配置、崩潰及App Linking。

HarmonyOS系統是OpenHarmony的商用版本，因此為HarmonyOS提供支持的AGC也可以在OpenHarmony應用程序中集成。接下來將進入今天的主題，OH應用集成AGC認證服務實現登錄。

2、開通AGC服務

要使OH應用程序能夠正常使用，則需要先在??AGC控制臺??項目應用中開通認證服務模塊，完整的開通流程為：

• 創建項目
• 創建應用
• 開通認證服務

（1）創建項目

在AGC控制臺點擊“我的項目”打開項目創建，在AGC中項目相當于一個文件夾，該文件夾中存儲各系統的應用程序，如適用于Android、IOS、HarmonyOS、小程序的應用。

（2）創建應用

AGC項目創建完成后，默認打開項目常規設置頁簽，點擊頁簽中的“添加應用”創建應用。

（3）開通認證服務

展開左側列表“Serverless”，點擊“認證服務”打開認證服務開通界面，點擊頁面中的“立即開通”按鈕，開通認證服務功能。

開通認證服務后，還需要根據業務需要，啟用相關的登錄認證能力，當前提供手機號、郵箱、三方授權、匿名賬號及自有賬號的登錄方式。本次以手機號為例，只需要啟用手機號碼登錄即可。

3、集成AGC服務

AGC提供的認證服務SDK有兩種，一種是接口方式，一種是彈窗方式。打開鴻蒙生態開發資源包DevEco Marketplace，切換到應用及服務組件頁簽中，在搜索框中輸入agconnect-auth，其中agconnect-auth是接口類型的，而agconnect-auth-component是為ArkUI提供的自定義彈窗庫。

（1）創建OH應用程序

打開DevEco Studio開發工具，創建名稱和包名均與AGC添加應用時名稱和包名一致的OH應用，此處選擇OH模板選擇Empty Ability空模板。

（2）引入AGC認證服務SDK依賴包

1. 通過npm方式引入依賴。

// 定位到工程entry目錄
cd entry
npm install --save @ohos/agconnect-auth-component

2. 明確依賴包版本則直接在package.json配置文件中dependencies中引入依賴包。

{
  ...
  "dependencies": {
    "@ohos/agconnect-auth-component": "^1.0.0"
  }
}

（3）引入SDK配置文件

在AGC項目設置常規頁簽中，下載應用欄中的agconnect-services.json配置文件，并拷貝到項目AppScope/resources/rawfile/目錄下。

（4）實現登錄業務

1. 在頁面引入登錄組件。

// Login：自定義登錄彈窗組件
// AuthMode：登錄彈窗類型(PASSWORD方式，手機號+驗證碼方式，郵箱+驗證碼方式)
import { Login, AuthMode } from '@ohos/agconnect-auth-component';

2. 點擊按鈕彈窗登錄框進行登錄。

Login({
  modes: [AuthMode.PHONE_VERIFY_CODE],
  apiKey: APIKEY,
  clientSecret: CLIENT_SECRET,
  onSuccess: () => {
    // 登錄成功后操作
  }
}) {
  Text('登錄')
    .height('100%')
    .fontSize(26).fontWeight(FontWeight.Bold)
}

使用場景如不需要直接登錄即可瀏覽的App，都可在需要用戶登錄狀態處進行彈窗登錄。如商品訂單支付功能需要用戶登錄后獲取用戶收貨地址，此處即可在下單時判斷用戶登錄狀態是否需要彈出登錄框。

3. 權限
   使用AGC認證服務需要網絡支撐，因此需要在module.json5配置文件中添加網絡權限。

{
  "module": {
    ...
    "requestPermissions": [
      {
        "name": "ohos.permission.INTERNET"
      }
    ]
  }
}

4. 運行設備
   可以在entry模塊的build-profile.json5配置文件中更改其name屬性為default的runtimeOS(運行系統)為HarmonyOS即可在HarmonyOS 3.1系統的設備上運行。

{
  ...
  "targets": [
    {
      "name": "default",
      "runtimeOS": "HarmonyOS"
    }
  ]
}

（5）運行效果

最終運行效果參見??OpenHarmony應用集成AGC認證服務實現登錄演示??

4、運行Demo

① 更改app.json5中bundleName為AGC應用的包名，項目名稱可默認
② 拷貝agconnect-services.json配置文件到工程/AppScope/resources/rawfile/目錄下
③ 在/entry/src/main/ets/common/Constant.ts中填寫APIKEY和CLIENT_SECRET，兩個值取自AGC項目設置常規標簽下的項目信息的ApiKey和ClientSecret。
④ 真機設備需要給應用進行簽名。

文章相關附件可以點擊下面的原文鏈接前往下載

 https://ost.51cto.com/resource/2441。

https://ost.51cto.com/resource/2442。

??想了解更多關于開源的內容，請訪問：??

??51CTO 開源基礎軟件社區??

??https://ost.51cto.com??