1 后端配置SSL证书。在nginx中配置方便
2 后端api路径一定要加到配置了SSL的server块儿内
3 微信公众平台内配置后端HTTPS接口地址。可以不加端口号。配的没加443,调用就不加443.配的加了调用就必须加。服务器域名请在 「小程序后台 - 开发 - 开发设置 - 服务器域名」 中进行配置。网络 | 微信开放文档
4 小程序某个示例页面WXML文件
<!--index.wxml-->
<button bindtap='houduanButton1'>点击更新页面</button>
<view wx:for="{{list}}" class="home-page-header" wr-class="goods-list-container">
{{item.id}}
{{item.name}}
{{item.intro}}
{{item.career}}
{{item.level}}
<button bindtap='houduanButton2' id="{{item.id}}">点击删除</button>
</view>
<input model:value="{{value}}" />
<button bindtap='houduanButton3' id="{{value}}">sms</button>
5小程序某个示例页面JS文件
// index.js
// 获取应用实例
const app = getApp()
Page({
/**
* 页面的初始数据
*/
data: {
list: '',
word: '',
message:''
},
houduanButton1: function () {
var that = this;
wx.request({
url: 'https://doublecc.club/eduservice/teacher/findAll',
method: 'GET',
header: {
'content-type': 'application/json' // 默认值
},
success: function (res) {
console.log(res.data.data.items)//打印到控制台
var list = res.data.data.items;
if (list == null) {
var toastText = '数据获取失败';
wx.showToast({
title: toastText,
icon: '',
duration: 2000
});
} else {
that.setData({
list: list
})
}
}
})
},
onLoad() {
this.houduanButton1()
if (wx.getUserProfile) {
this.setData({
canIUseGetUserProfile: true
})
}
},
houduanButton2: function (event) {
wx.request({
url: 'https://doublecc.club/eduservice/teacher/'+event.target.id,
method: 'DELETE',
header: {
'content-type': 'application/json' // 默认值
},
success: function (res) {
console.log(res.data.data);//打印到控制台
}
})
},
houduanButton3: function (event) {
wx.request({
url: 'https://doublecc.club/edumail/code/smssend/'+event.target.id,
method: 'GET',
header: {
'content-type': 'application/json' // 默认值
},
success: function (res) {
console.log(res.data.data);//打印到控制台
}
})
},
})