欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-12-10 17:19:40
服务端 在平台上创建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;

创建完后的效果:

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

hellocontroller的代码:

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

本地项目与平台的云应用对接

在idea的小程序云应用视图中点击登录账号然后用具有开发者权限的用户扫码授权登录

ps:添加开发者账号的方式:我的小程序 =>查看 => 成员管理 => 添加 => 要添加的账号在客户端找到对应的提示信息并点击确认

开始对接

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

弹出扫码框,请使用具有开发者权限的用户支付宝扫码登录。

点击下方底栏的alipay devtools,先于自己的小程序关联。

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

选中自己的小程序后,出现如下即关联小程序成功。

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

选中关联云应用

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

弹出框选中之前在平台创建的云应用名称

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

在下面alipay devtools中选择云端部署,出现如下即关联成功

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

开始部署

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

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

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

开始部署后,云应用管理 视窗会打出部署日志。部署结束后会有消息提示部署完成。

客户端

下载小程序开发者工具并安装

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

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

创建完成后编辑page/index/index.js

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

启动模拟器测试如下:

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

打开控制台如下:

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

至此idea支付宝小程序搭建springboot项目完成,后续有时间会推出支付宝授权,支付等文章

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