服务器端

在平台上创建spring boot小程序应用

创建小程序
- 登录蚂蚁金服开放平台，选择开发者中心 > 开发接入 > 小程序(立即接入) > 立即创建 > 创建。
- 填写基本信息，点击创建按钮，创建应用名为 Demo 小程序。
- PS：一个账号下最多可以创建10个小程序；未提交过审核的小程序可以删除，删除的小程序不在计数范围。
创建云应用后端服务
- 在我的小程序页面，选择刚创建的小程序，点击查看，进入开发管理页面。
- 点击左侧导航栏的云服务（公测）(申请需要5天)，在云服务列表页面点击创建云服务 > 创建云应用。
- 在创建云应用页面，选择 SpringBoot 技术栈，填入应用名称和描述 (选填)，点击创建。
构建环境
- 返回云服务(公测) 页面，点击刚创建的云服务卡片中的构建环境按钮。
- 在购买环境资源页面，选择合适的环境配置方案，点击同意《产品服务协议》 > 确认配置。
```
说明：此处选择 小程序云应用入门（Mysql版），当前测试环境该方案免费提供，但若连续 7 日未部署过代码，环境会被自动回收。
复制代码
```
- 在确认订单页面，点击确认购买。购买成功后会自动进入构建环境页面。构建过程会耗时几分钟，构建成功后，您可以选择查看应用详情，或者返回应用列表。

IDEA安装支付宝小程序开发插件

到https://github.com/alipay/alipay-intellij-plugin/releases下载最新（建议下载次新）的插件版本（alipay-intellij-plugin-v1.x.x.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 CloudApp => 选择SpringBoot => NEXT => FINISH
架构
HelloController.java代码

package com.example.demo;

import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class HelloController {

    @RequestMapping("/index")
    public IndexVO hello() {
        return new IndexVO("this is my first ali small routine!");
    }
}

复制代码

本地项目和平台的项目相关联

在IDEA的小程序云应用视图中点击登录账号然后用具有开发者权限的用户扫码授权登录 PS：添加开发者账号的方式：我的小程序 =>查看 => 成员管理 => 添加 => 要添加的账号在客户端找到对应的提示信息并点击确认

点击关联应用
本地构建生成jar
点击部署应用将该打包好的项目 JAR 包部署到测试环境上。

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

客户端

下载小程序开发者工具并安装
打开小程序开发者工具，在菜单中选择项目 > 新建项目 > 小程序 (选择对应模板) 。填入项目名称后，点击完成，完成项目创建。

编辑page/index/index.axml

<view>  {{index}}  
  <button onTap="index"> 首页 </button>
</view>

复制代码

编辑page/index/index.js

Page({
 data: {
   index: 'index'
 },
 onLoad(query) {
   // 页面加载
   console.info(`Page onLoad with query: ${JSON.stringify(query)}`);
 },
 onReady() {
   // 页面加载完成
 },
 onShow() {
   // 页面显示
 },
 onHide() {
   // 页面隐藏
 },
 onUnload() {
   // 页面被关闭
 },
 onTitleClick() {
   // 标题被点击
 },
 onPullDownRefresh() {
   // 页面被下拉
 },
 onReachBottom() {
   // 页面被拉到底部
 },
 onShareAppMessage() {
   // 返回自定义分享信息
   return {
     title: 'ali small routine',
     desc: 'this is my first ali small routine',
     path: 'pages/index/index',
   };
 },
 index() {
   my.httpRequest({
     url: 'https://app2120230256test.mapp-test.xyz/index', // 此处app2120230256test.mapp-test.xyz应修改为SpringBootDemo云应用所在的云服务器域名（云服务(公测) > 环境资源 > 云服务器ECS > 域名> 二级域名）
     complete: (res) => {
   	this.setData({
   	  hello: res.data
   	});
     },
   });
 }
});

复制代码