为了方便演示 这里只做一个简单的提交数据.在Java控制台输出数据
一 新建微信小程序
wxml页面
<view bindtap="clickme">点击</view>
js页面
微信小程序不能直接与后台整合,这里使用ngrok 内网转发实现
这里是ngrok的使用
https://blog.csdn.net/qq_38474916/article/details/87805684
这里的name age 要和后台保持一致 并且类型一致
/user为请求方法
Page({
clickme:function(){
wx.request({
url: 'https://af23785a.ngrok.io/user', //
data: {
name: "路虎",
age: 1
},
header: {
'content-type': 'application/json' // 默认值
},
success(res) {
console.log(res.data)
}
})
}
})
打开debug模式 app.json中
"debug":true
打开不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书
二.Java 后台
使用Spring boot 作为后台核心代码
bean类
package com.example.demo.bean;
import org.springframework.boot.context.properties.ConfigurationProperties;
import org.springframework.stereotype.Component;
@Component
@ConfigurationProperties(prefix="car1")
public class Car {
private String name;
private Integer age;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public Integer getAge() {
return age;
}
public void setAge(Integer age) {
this.age = age;
}
@Override
public String toString() {
return "Car [name=" + name + ", age=" + age + "]";
}
}
Controller类
package com.example.demo.controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import com.example.demo.bean.Car;
@RestController
public class HelloController {
@RequestMapping("/car")
public String car(Car car) {
System.out.println(car.getName()+car.getAge());
return "成功";
}
}