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项目完成，后续有时间会推出支付宝受权，支付等文章，感谢你们的观看，若是错误，请在评论区指出来，我会校订，蟹蟹各位。