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

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

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值