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项目完成，后续有时间会推出支付宝授权，支付等文章

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

赞 (0)

相关推荐

  • intellij IDEA配置springboot的图文教程

    intellij IDEA配置springboot的图文教程

    IntelliJ IDEA 简介 IDEA 全称 IntelliJ IDEA,是java语言开发的集成环境,IntelliJ在业界被公认为最好的java开发工具之一,尤其在智能代码助手.代码自动提示.重构.J2EE支持.各类版本工具(git.svn.github等).JUnit.CVS整合.代码分析. 创新的GUI设计等方面的功能可以说是超常的.IDEA是JetBrains公司的产品,这家公司总部位于捷克共和国的首都布拉格,开发人员以严谨著称的东欧程序员为主.它的旗舰版本还支持HTML,CSS,

  • idea快速搭建springboot项目的操作方法

    idea快速搭建springboot项目的操作方法

    Spring Boot是由Pivotal团队提供的全新框架,设计目的是用来简化新Spring应用的初始搭建以及开发过程.它主要推崇的是'消灭配置',实现零配置. 那么,如何在idea中创建一个springboot项目呢? 一.在你建立的工程下创建 Module 选择Spring initializr创建. 二.在Type处选择: Maven Project(项目的构建工具) 三.创建依赖时勾上web,mybatis,mysql(这个看你个人需要吧,可以自主选择) 建立好的项目结构如下: 相对应的

  • IDEA新建Springboot项目(图文教程)

    IDEA新建Springboot项目(图文教程)

    1.路径 File->New->Project 2.创建项目 选择Spring Initializr 点击Next,设置工程名字等基本信息 点击Next,选择需要下载的jar包,比如创建Web项目勾选Web 点击Next,修改项目名称,点击Finish创建完成 以上这篇IDEA新建Springboot项目(图文教程)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.

  • 从零开始使用IDEA创建SpringBoot项目(图文)

    *注:此文章谨以记录学习过程,分享学习心得! 刚刚开始了解SpringBoot框架,觉得很好用,觉得很有必要深入学习一下该框架,现在就来创建一个SpringBoot项目: 1.在IDEA上新建一个Project,选择Spring Initializr, Project SDK 选择安装的JDK: Choose Initializr Service URL 选择默认(Default:https://start.spring.io) 选择项目模板 点击Next 2.进行项目配置 设置项目数组(gro

  • SpringBoot项目在IntelliJ IDEA中如何实现热部署

    spring-boot-devtools是一个为开发者服务的一个模块,其中最重要的功能就是自动应用代码更改到最新的App上面去. 原理是在发现代码有更改之后,重新启动应用,但是速度比手动停止后再启动更快.其深层原理是使用了两个ClassLoader,一个Classloader加载那些不会改变的类(第三方Jar包),另一个ClassLoader加载会更改的类,称为restart ClassLoader ,这样在有代码更改的时候,原来的restart ClassLoader被丢弃,重新创建一个res

  • 在IDEA中创建跑得起来的Springboot项目

    1. 关于 Tomcat 可能有一点会觉得很奇怪. 这明明跑动起来的是一个 web 程序,为什么启动方式不是启动 tomcat? 而是启动的一个 Java 类的 主方法? 这是因为这个 com.how2java.springboot.SpringbootApplication 类的主方法就把 tomcat 嵌入进去了,不需要手动启动 tomcat 了呢. 2. 关于插件 首先,在IDEA中开发Springboot应用和Eclipse里面一样,本质上都是一个maven 项目. 但是呢,IDEA 本

  • IntelliJ Idea SpringBoot 数据库增删改查实例详解

    SpringBoot 是 SpringMVC 的升级,对于编码.配置.部署和监控,更加简单 微服务 微服务是一个新兴的软件架构,就是把一个大型的单个应用程序和服务拆分为数十个的支持微服务.一个微服务的策略可以让工作变得更为简便,它可扩展单个组件而不是整个的应用程序堆栈,从而满足服务等级协议. Spring 为 微服务提供了一整套的组件-SpringClound , SpirngBoot 就是该基础. 第一个SpringBoot程序 这里使用的开发软件是IntelliJ Idea,和Eclipse

  • 在idea中创建SpringBoot项目

    使用Spring Initializr新建项目 新建一个Spring Boot项目,推荐使用Spring Initializr的方式.以该方式创建项目需要连接网络,它会自动查询Spring Boot的当前版本和组件列表. 1.在idea界面,依次点击左上角菜单栏File-->New-->Project.选择Spring Initialize,Project SDK选择1.8,点击Next. 2.输入GroupId.ArtifactId,点击Next. 3.勾选Web,点击Next. 4.输入项

  • 使用IDEA创建SpringBoot项目的方法步骤

    1.打开IDEA,创建新项目,选择Spring Initializr 2.输入Artifact 3.勾选Web 4.点击finish完成 5.进入项目,可以将以下内容删除 pom.xml文件: <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3

  • Springboot在IDEA热部署的配置方法

    1 pom.xml文件 注:热部署功能spring-boot-1.3开始有的 <!--添加依赖--> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-devtools</artifactId> <!-- optional=true,依赖不会传递,该项目依赖devtools:之后依赖myboot项目的项目如果想要使用d

随机推荐