微信小程序调用springboot后端接口

1 后端配置SSL证书。在nginx中配置方便

 

2 后端api路径一定要加到配置了SSL的server块儿内

3 微信公众平台内配置后端HTTPS接口地址。可以不加端口号。配的没加443,调用就不加443.配的加了调用就必须加。服务器域名请在 「小程序后台 - 开发 - 开发设置 - 服务器域名」 中进行配置。网络 | 微信开放文档

微信小程序调用springboot后端接口_第1张图片

4 小程序某个示例页面WXML文件




    {{item.id}}
    {{item.name}}
    {{item.intro}}
    {{item.career}}
    {{item.level}}
    




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);//打印到控制台
      }
    })
  },
  
  
})

你可能感兴趣的:(微信小程序,小程序)