服務(wù)端

在平臺上創(chuàng)建springboot小程序應(yīng)用

創(chuàng)建小程序

• 登錄螞蟻金服開放平臺，掃碼登錄填寫信息后，點(diǎn)擊支付寶小程序，選擇立即接入 > 同意個(gè)人公測 > 開始創(chuàng)建 。
• 填寫好小程序基本信息后，點(diǎn)擊創(chuàng)建按鈕，創(chuàng)建名為xxx小程序。
• PS：一個(gè)賬號下最多可以創(chuàng)建10個(gè)小程序；未提交過審核的小程序可以刪除，刪除的小程序不在計(jì)數(shù)范圍。

創(chuàng)建云應(yīng)用后端服務(wù)

• 在小程序頁面選擇剛創(chuàng)建的小程序，點(diǎn)擊查看，進(jìn)入開發(fā)者頁面。
• 在左側(cè)導(dǎo)航欄選擇云服務(wù)(免費(fèi))，點(diǎn)擊創(chuàng)建云服務(wù)，選擇創(chuàng)建云應(yīng)用，技術(shù)棧選SpringBoot，填寫好應(yīng)用名，描述后即可完成創(chuàng)建云應(yīng)用。

構(gòu)建環(huán)境

• 返回 云服務(wù)(公測) 頁面，點(diǎn)擊剛創(chuàng)建的云服務(wù)卡片中的 構(gòu)建環(huán)境 按鈕
• 在 購買環(huán)境資源 頁面，選擇合適的環(huán)境配置方案，點(diǎn)擊 同意《產(chǎn)品服務(wù)協(xié)議》 > 確認(rèn)配置。

說明： 此處選擇小程序云應(yīng)用入門（Mysql版），當(dāng)前測試環(huán)境該方案免費(fèi)提供，但若連續(xù) 7 日未部署過代碼，環(huán)境會被自動回收。

在 確認(rèn)訂單 頁面，點(diǎn)擊 確認(rèn)購買。 購買成功后會自動進(jìn)入 構(gòu)建環(huán)境 頁面。構(gòu)建過程會耗時(shí)幾分鐘，構(gòu)建成功后，您可以選擇 查看應(yīng)用詳情 ，或者 返回應(yīng)用列表。

在IDEA中安裝支付寶小程序開發(fā)工具

• 點(diǎn)擊 這里 前往下載最新的插件版本(com.alipay.devtools.idea-1.0.6.zip )進(jìn)行下載。
• 下載完成后，IDE 中 Preferences (Windows 下為 Settings) => Plugins => Install plugin from disk…，點(diǎn)選已下載的 Zip 包進(jìn)行安裝，依照提示重啟 IDE 生效。
• 中文亂碼解決方法： Appearance & Behavior => Appearance => UI Options -> Name 里設(shè)置成中文字體，如 微軟雅黑（microsoft yahei light）、文泉驛（linux）

創(chuàng)建項(xiàng)目

file > new > project > Alipay DevTools，選擇springboot > next > finish;

創(chuàng)建完后的效果：

HelloController的代碼:

本地項(xiàng)目與平臺的云應(yīng)用對接

在IDEA的小程序云應(yīng)用視圖中點(diǎn)擊登錄賬號然后用具有開發(fā)者權(quán)限的用戶掃碼授權(quán)登錄

PS：添加開發(fā)者賬號的方式：我的小程序 =>查看 => 成員管理 => 添加 => 要添加的賬號在客戶端找到對應(yīng)的提示信息并點(diǎn)擊確認(rèn)

開始對接

彈出掃碼框，請使用具有開發(fā)者權(quán)限的用戶支付寶掃碼登錄。

點(diǎn)擊下方底欄的alipay devtools，先于自己的小程序關(guān)聯(lián)。

選中自己的小程序后，出現(xiàn)如下即關(guān)聯(lián)小程序成功。

選中關(guān)聯(lián)云應(yīng)用

彈出框選中之前在平臺創(chuàng)建的云應(yīng)用名稱

在下面alipay devtools中選擇云端部署，出現(xiàn)如下即關(guān)聯(lián)成功

開始部署

開始部署后，云應(yīng)用管理 視窗會打出部署日志。部署結(jié)束后會有消息提示部署完成。

客戶端

下載小程序開發(fā)者工具并安裝

創(chuàng)建完成后編輯page/index/index.js

啟動模擬器測試如下：

打開控制臺如下：

至此IDEA支付寶小程序搭建springboot項(xiàng)目完成，后續(xù)有時(shí)間會推出支付寶授權(quán)，支付等文章

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評論