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

NOTE

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

登錄組件

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

準(zhǔn)備工作

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

使用登錄組件

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

2.填寫(xiě)工程信息，注意Bundle Name要和云控制臺(tái)里設(shè)置的包名一致，否則運(yùn)行時(shí)會(huì)報(bào)錯(cuò)bundleName不一致。

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

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

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

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

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

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ī)上進(jìn)行調(diào)試。

NOTE

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

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

使用支付組件

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

準(zhǔn)備工作

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

a.登錄AppGallery Connect，選擇“我的項(xiàng)目”，選擇您的項(xiàng)目。

b.選擇“低代碼平臺(tái) > 數(shù)據(jù)模型”，點(diǎn)擊頁(yè)面中的“新建數(shù)據(jù)模型”。

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

• 商品表主鍵字段：

• 訂單表主鍵字段：

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

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

• 商品表字段信息：

• 訂單表字段信息：

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

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

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

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

NOTE

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

7.配置IAP商品表。

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

NOTE

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

使用支付組件

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

2.填寫(xiě)工程信息，注意Bundle Name要和云控制臺(tái)里設(shè)置的包名一致，否則運(yùn)行時(shí)會(huì)報(bào)錯(cuò)bundleName不一致。

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

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

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

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

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

NOTE

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

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

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

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

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

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

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

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

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

最后

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

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

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

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