IDEA基於支付寶小程序搭建springboot項目的詳細步驟

這篇文章主要介紹了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項目完成,後續有時間會推出支付寶授權,支付等文章

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持神馬文庫。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章