IDEA基于支付宝小程序搭建springboot项目的详细步骤

时间:2021-05-20

服务端

在平台上创建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项目完成,后续有时间会推出支付宝授权,支付等文章

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章