微信小程序后端Java接口开发

微信小程序使用wx.request(OBJECT)来调用后端接口。
首先我们来一个简单案例 —— helloworld实现
1、搭建一个springboot项目并引入依赖
在这里插入图片描述

<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId></dependency>

2、编写controller层

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

server:port: 80servlet: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

<text>后端返回的数据：{{result}}</text>

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

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)

在这里插入图片描述
访问后端成功如下图