微信小程序调用springboot后端接口-Toy模板网

这篇具有很好参考价值的文章主要介绍了微信小程序调用springboot后端接口。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

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

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

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

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文件文章来源地址https://www.toymoban.com/news/detail-512294.html

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

到了这里，关于微信小程序调用springboot后端接口的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！