小程序 订阅消息 wx.requestSubscribeMessage()

前端通过wx.requestSubscribeMessage(Object object)调起客户端小程序订阅消息界面，返回用户订阅消息的操作结果。用户勾选订阅面板中“总是保持以上选择，不再询问”时，模板消息会被添加到用户的小程序设置页，通过wx.getSetting接口可以获取用户对相关模板消息的订阅状态。

订阅消息：

export default{
          data() {
              return {
                        subscribeMes: true,
              }
          }
}

methods:{
      talkOrAsk() {
      const that = this;
      if (compareVersion(global.globalData.SDKVersion, "2.8.2") >= 0) {
        wx.requestSubscribeMessage({
          tmplIds: ["xxxxxxxxxxxxxxxxxxxx"],//需要订阅的消息模板的id的集合，一次调用最多可订阅3条消息
          // 消息模板id在[微信公众平台(mp.weixin.qq.com)-功能-订阅消息]中配置
          success(res) { // 接口调用成功的回调函数
            console.log(res,'compareVersion')
            if (
              res["xxxxxxxxxx"] == "accept"
              // Object res   [TEMPLATE_ID]是动态的键，即模板id，值包括'accept'、'reject'、'ban'。
              // 'accept'表示用户同意订阅该条id对应的模板消息，'reject'表示用户拒绝订阅该条id对应的模板消息，'ban'表示已被后台封禁。
            ) {
              if (that.subscribeMes) {
                wx.showToast({
                  title: "订阅成功！",
                  duration: 1500,
                  icon: "success",
                  success(data) {
                    that.subscribeMes = false;
                  }
                });
              }
              mpvue.navigateTo({
                url: `/pages/chat/main`
              });
            } else {
              mpvue.navigateTo({
                url: `/pages/chat/main`
              });
            }
          },
          fail(res) { // 接口调用失败的回调函数
            if (res.errCode === 20004) {
              wx.showModal({
                title: "温馨提示",
                content: "您已拒绝授权，将无法在微信中收到回复通知！",
                showCancel: false,
                success: res => {
                  if (res.confirm) {
                    mpvue.navigateTo({
                      url: `/pages/chat/main`
                    });
                  }
                }
              });
            }
          }
        });
      } else {
        wx.showModal({
          title: "温馨提示",
          content: "您的微信版本过低，将无法在微信中收到回复通知！",
          showCancel: false,
          success: res => {
            if (res.confirm) {
              mpvue.navigateTo({
                url: `/pages/chat/main`
              });
            }
          }
        });
      }
    },
}

 

兼容问题：

版本号兼容（wx.getSystemInfo / wx.getSystemInfoSync 可以获取当前小程序运行的基本库的版本号  SDKVersion），

function compareVersion(v1, v2) {
  v1 = v1.split('.')
  v2 = v2.split('.')
  const len = Math.max(v1.length, v2.length)

  while (v1.length < len) {
    v1.push('0')
  }
  while (v2.length < len) {
    v2.push('0')
  }

  for (let i = 0; i < len; i++) {
    const num1 = parseInt(v1[i])
    const num2 = parseInt(v2[i])

    if (num1 > num2) {
      return 1
    } else if (num1 < num2) {
      return -1
    }
  }

  return 0
}