IDEA基於支付寶小程序搭建springboot項目

服務端

在平臺上建立springboot小程序應用

• 建立小程序

  • 登陸 螞蟻金服開放平臺，掃碼登陸填寫信息後，點擊支付寶小程序，選擇當即接入 > 贊成我的公測 > 開始建立 。
  • 填寫好小程序基本信息後，點擊建立按鈕，建立名爲xxx小程序。
  • PS：一個帳號下最多能夠建立10個小程序；未提交過審覈的小程序能夠刪除，刪除的小程序不在計數範圍。

• 建立雲應用後端服務

  • 在小程序頁面選擇剛建立的小程序，點擊查看，進入開發者頁面。
  • 在左側導航欄選擇雲服務(免費)，點擊建立雲服務，選擇建立雲應用，技術棧選SpringBoot，填寫好應用名，描述後便可完成建立雲應用。

• 構建環境

  • 返回 雲服務(公測) 頁面，點擊剛建立的雲服務卡片中的 構建環境 按鈕
  • 在 購買環境資源 頁面，選擇合適的環境配置方案，點擊 贊成《產品服務協議》 > 確認配置。

  說明： 此處選擇小程序雲應用入門（Mysql版），當前測試環境該方案免費提供，但若連續 7 日未部署過代碼，環境會被自動回收。

  • 在 確認訂單 頁面，點擊 確認購買。 購買成功後會自動進入 構建環境 頁面。構建過程會耗時幾分鐘，構建成功後，您能夠選擇 查看應用詳情 ，或者 返回應用列表。

在IDEA中安裝支付寶小程序開發工具

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

建立項目

• file > new > project > Alipay DevTools，選擇springboot > next > finish;
• 建立完後的效果：

  

• HelloController的代碼:

  

本地項目與平臺的雲應用對接

• 在IDEA的小程序雲應用視圖中點擊登陸帳號而後用具備開發者權限的用戶掃碼受權登陸
  PS：添加開發者帳號的方式：個人小程序 =>查看 => 成員管理 => 添加 => 要添加的帳號在客戶端找到對應的提示信息並點擊確認
• 開始對接

  

• 彈出掃碼框，請使用具備開發者權限的用戶支付寶掃碼登陸。
• 點擊下方底欄的alipay devtools，先於本身的小程序關聯。

  

• 選中本身的小程序後，出現以下即關聯小程序成功。

  

• 選中關聯雲應用

  

• 彈出框選中以前在平臺建立的雲應用名稱

  

• 在下面alipay devtools中選擇雲端部署，出現以下即關聯成功

  

• 開始部署

  

  

  

• 開始部署後，雲應用管理 視窗會打出部署日誌。部署結束後會有消息提示部署完成。

客戶端

• 下載小程序開發者工具並安裝

  

  

• 建立完成後編輯page/index/index.js

  

• 啓動模擬器測試以下：

  

• 打開控制檯以下：

  

至此IDEA支付寶小程序搭建springboot項目完成，後續有時間會推出支付寶受權，支付等文章，感謝你們的觀看，若是錯誤，請在評論區指出來，我會校訂，蟹蟹各位。