開發(fā)者在DevEco Studio低代碼可以通過拖拽組件欄提供的業(yè)務組件，快速開發(fā)包含華為帳號登錄、華為支付場景的應用。低代碼的登錄、支付業(yè)務組件都是通過集成AGC提供的SDK實現(xiàn)，低代碼簡化了手動集成SDK、調(diào)用SDK接口的工作。

NOTE

該功能在DevEco Studio 3.1 Beta2及更高版本中支持，且創(chuàng)建的工程必須是compileSdkVersion為6的JS工程。

登錄組件

與手動使用華為登錄SDK類似，在低代碼中使用登錄組件，仍然需要準備工作。

準備工作

1. 創(chuàng)建項目，可參考在AGC創(chuàng)建項目。
2. 創(chuàng)建應用，可參考在AGC創(chuàng)建應用。
3. 獲取agconnect-services.json文件。
4. 開通認證服務并啟用“華為帳號”認證方式，詳情請參見認證服務-華為帳號。

使用登錄組件

1. 在DevEco Studio中新建API6 JS低代碼工程，在菜單欄中點擊“File > New > Create Project”，選擇“Atomic Service”或“Application”。這里以創(chuàng)建元服務為例，選擇“Atomic Service”。選擇Empty Ablity模板，點擊“Next”。

2.填寫工程信息，注意Bundle Name要和云控制臺里設置的包名一致，否則運行時會報錯bundleName不一致。

3.將準備工作步驟3下載的agconnect-services.json文件，放置在工程的entry目錄下。

4.拖拽登錄組件到設計器，自動同步依賴，生成調(diào)用登錄功能代碼。開發(fā)者可以綁定自己登錄成功或者失敗的回調(diào)。

5.開發(fā)者根據(jù)應用功能，配置登錄組件的樣式屬性。

6.如需要其他登錄功能（如登出、獲取用戶信息等）可參考：

• 登錄后，調(diào)用LOW_CODE_LOGIN.getCurrentUser()接口查詢用戶信息。

agcLogin.getCurrentUser().then((data) => { this.showToast(" currUser is " data.accessToken.token);}, (err) => { this.showToast(" get user fail, error code: " err);});

• 調(diào)用登出接口LOW_CODE_LOGIN.signOut()退出登錄。

var result = await agcLogin.signOut();

7.配置應用簽名和指紋，可參考應用簽名。配置完成后，可以在真機上進行調(diào)試。

NOTE

配置應用指紋后，需要等待一段時間指紋才能生效。在生效之前，登錄組件調(diào)SDK接口可能會返回錯誤碼6003。

如果配置完指紋，運行本地客戶端仍然出現(xiàn)6003的錯誤，這是由于默認運行的是debug證書，請嘗試清除HMS Core（APK）的緩存后再次運行

使用支付組件

與手動使用華為支付SDK類似，在低代碼中使用支付組件，仍然需要準備工作。

準備工作

1. 創(chuàng)建項目，可參考在AGC創(chuàng)建項目。
2. 創(chuàng)建應用，可參考在AGC創(chuàng)建應用。
3. 獲取agconnect-services.json文件。
4. 已注冊成為商戶。
5. 開通應用內(nèi)支付服務，詳情請參見配置支付服務參數(shù)。
6. 配置支付相關數(shù)據(jù)模型。

a.登錄AppGallery Connect，選擇“我的項目”，選擇您的項目。

b.選擇“低代碼平臺 > 數(shù)據(jù)模型”，點擊頁面中的“新建數(shù)據(jù)模型”。

• 基礎商品表主鍵字段：

• 商品表主鍵字段：

• 訂單表主鍵字段：

c.選擇“低代碼平臺 > 數(shù)據(jù)模型”，點擊頁面中的“新建數(shù)據(jù)模型”，分別配置“商品表”、“基礎商品表”和“訂單表”的數(shù)據(jù)模型字段。

• 基礎商品表字段信息：

• 商品表字段信息：

• 訂單表字段信息：

d.數(shù)據(jù)模型配置完成后，點擊數(shù)據(jù)模型“操作”列的發(fā)布。

e.在已發(fā)布的數(shù)據(jù)模型中，點擊操作列的“管理數(shù)據(jù)”進入頁面，點擊“新建”，新增數(shù)據(jù)，填寫完成后點擊“提交”。

• 在“基礎商品表”數(shù)據(jù)模型中新增基礎商品信息，數(shù)據(jù)如下：

• 在“商品表”數(shù)據(jù)模型中新增商品信息，數(shù)據(jù)如下：

NOTE

“基礎商品ID”字段與基礎商品表中的主鍵必須保持一致。

7.配置IAP商品表。

新建IAP商品表，具體操作請參見創(chuàng)建應用內(nèi)商品。商品信息表字段信息如下：

NOTE

商品表中的“商品ID”必須與商品表數(shù)據(jù)模型中的“IAP商品ID”保持一致。

使用支付組件

1. 在DevEco Studio中新建API6 JS 低代碼工程，在菜單欄中點擊“File > New > Create Project”，選擇“Atomic Service”或“Application”。這里以創(chuàng)建元服務為例，選擇“Atomic Service”> Empty Ablity模板，點擊“Next”。

2.填寫工程信息，注意Bundle Name要和云控制臺里設置的包名一致，否則運行時會報錯bundleName不一致。

3.將準備工作步驟3下載的agconnect-services.json文件，放置在工程的entry目錄下。

4.在entry模塊添加配置信息。

在“entry/src/main/config.json”的module節(jié)點增加如下屬性配置，其中${clientID}為開發(fā)者的OAuth 2.0客戶端ID（在AppGallery Connect網(wǎng)站點擊“我的項目”，在項目列表中找到您的項目，在“項目設置 > 常規(guī)”頁面的“應用”區(qū)域獲取“OAuth 2.0客戶端ID（憑據(jù)）：Client ID”的值）。

"metaData": { "customizeData": [ { "name": "com.huawei.hms.client.appid", "value": "${clientID}" } ]}

5.拖拽支付組件到設計器，自動同步依賴，生成調(diào)用支付功能代碼。開發(fā)者可以綁定自己支付成功或者失敗的回調(diào)。開發(fā)者需要根據(jù)應用的業(yè)務場景提供購買商品的類型、數(shù)量等信息，寫入data區(qū)。

NOTE

1.publicKey為項目下應用內(nèi)支付公鑰，在“我的項目 > 盈利 > 應用內(nèi)支付服務”頁面中獲取。

2.goodsModelId和orderModelId為“商品表”和“訂單表”的發(fā)布態(tài)的數(shù)據(jù)模型ID。

3.basicGoodsId為基礎商品表數(shù)據(jù)模型的主鍵。

6.配置應用簽名和指紋，可參考應用簽名。配置完成后，可以在真機上進行調(diào)試。

那么要想成為一名鴻蒙高級開發(fā)，以上知識點是必須要掌握的，除此之外，還需要掌握一些鴻蒙應用開發(fā)相關的一些技術(shù)，需要我們共同去探索。

為了能夠讓大家跟上互聯(lián)網(wǎng)時代的技術(shù)迭代，在這里我特邀了幾位行業(yè)大佬整理出一份最新版的鴻蒙學習提升資料，有需要的小伙伴自行領取，限時開源，先到先得~~~~

領取以下高清學習路線原圖請點擊→《鴻蒙 (Harmony OS)開發(fā)學習手冊》純血鴻蒙HarmonyOS基礎技能學習路線圖

領取以上完整高清學習路線圖，請點擊→《鴻蒙基礎入門學習指南》小編自己整理的部分學習資料（包含有高清視頻、開發(fā)文檔、電子書籍等）

以上分享的學習路線都適合哪些人跟著學習？
-應屆生/計算機專業(yè)
通過學習鴻蒙新興技術(shù)，入行互聯(lián)網(wǎng)，未來高起點就業(yè)。
-0基礎轉(zhuǎn)行
提前布局新方向，抓住風口，自我提升，獲得更多就業(yè)機會。
-技術(shù)提升/進階跳槽
發(fā)展瓶頸期，提升職場競爭力，快速掌握鴻蒙技術(shù)，享受藍海紅利。

最后

鴻蒙開發(fā)學習是一個系統(tǒng)化的過程，從基礎知識的學習到實戰(zhàn)技能的錘煉，再到對前沿技術(shù)的探索，每一環(huán)節(jié)都至關重要。希望這份教程資料能幫助您快速入門并在鴻蒙開發(fā)之路上步步攀升，成就一番事業(yè)。讓我們一起乘風破浪，擁抱鴻蒙生態(tài)的廣闊未來！

如果你覺得這篇內(nèi)容對你有幫助，我想麻煩大家動動小手給我：點贊，轉(zhuǎn)發(fā)，有你們的 『點贊和評論』，才是我創(chuàng)造的動力。

關注我，同時可以期待后續(xù)文章ing，不定期分享原創(chuàng)知識。

想要獲取更多完整鴻蒙最新VIP學習資料，請點擊→《鴻蒙全套學習指南》