IDEA基于支付寶小程序搭建springboot項(xiàng)目的詳細(xì)步驟

服務(wù)端

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

創(chuàng)建小程序

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

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

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

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

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

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

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

在IDEA中安裝支付寶小程序開(kāi)發(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)目與平臺(tái)的云應(yīng)用對(duì)接

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

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

開(kāi)始對(duì)接

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

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

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

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

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

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

開(kāi)始部署

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

客戶(hù)端

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

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

啟動(dòng)模擬器測(cè)試如下：

打開(kāi)控制臺(tái)如下：

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

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持億速云。