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

NOTE

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

登錄組件

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

準(zhǔn)備工作

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

使用登錄組件

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

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

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

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

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

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.配置應(yīng)用簽名和指紋，可參考應(yīng)用簽名。配置完成后，可以在真機上進(jìn)行調(diào)試。

NOTE

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

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

使用支付組件

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

準(zhǔn)備工作

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

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

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

• 基礎(chǔ)商品表主鍵字段：

• 商品表主鍵字段：

• 訂單表主鍵字段：

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

• 基礎(chǔ)商品表字段信息：

• 商品表字段信息：

• 訂單表字段信息：

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

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

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

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

NOTE

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

7.配置IAP商品表。

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

NOTE

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

使用支付組件

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

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

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

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

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

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

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

NOTE

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

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

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

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

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

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

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

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

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

最后

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

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

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

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