微信小程序后端Java接口开发的详细步骤

现在微信小程序越来越火了,相信不少人都通过各种途径学习过微信小程序或者尝试开发，本文就介绍了微信小程序后端Java接口开发的详细步骤，感兴趣的同学可以学习一下

1、搭建一个springboot项目并引入依赖

在这里插入图片描述

  org.springframework.bootspring-boot-starter-web

2、编写controller层

 @RestController public class HelloWorldController { @GetMapping("/helloWorld") public String helloWorld(Integer id){ return "helloworld"+id; } }

 server: port: 80 servlet: context-path: / tomcat: uri-encoding: utf-8

运行成功

在这里插入图片描述

3、创建微信小程序项目

在这里插入图片描述

helloworld.js

 /** * 页面的初始数据 */ data: { result:'请求后台中.....' }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var that=this; this.getData(that); }, getData(that){ wx.request({ url: 'http://localhost:8080/helloWorld', method:'GET', data:{ id:666 }, header:{ 'content-type':'application/json'  //默认值 }, success(res){ console.log(res.data); console.log(that); that.setData({ result:res.data }) } }) },

helloworld.wxml

 后端返回的数据：{{result}}

注意：！！！！
这里记得设置如下图
否则会报错：

VM9 asdebug.js:1 http://localhost 不在以下 request
合法域名列表中，请参考文档：https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.html(env:
Windows,mp,1.05.2110110; lib: 2.19.4)

在这里插入图片描述