微信小程序订阅消息(一次性订阅消息)

1、准备工作

  • 登录微信公众平台-->订阅消息-->在公共模板库中选中一个模版-->将模版id复制,前后端都需要。
  • 点击详情-->查看详细内容模版 复制给后端

2、相关api的使用

3、前端具体代码实现(不考虑通知消息开关关闭的情况下)

javascript 复制代码
        wx.requestSubscribeMessage({
          tmplIds:['此处为模版ID'], // 订阅的模板消息 ID
          success:(res) => {
            console.log(res, '订阅res')
            // 处理用户授权结果
            if (res['此处为模版ID'] === 'accept' ) {
              // 用户同意接收订阅消息  -- 点击右侧允许按钮
              wx.showToast({
                title: '已通知',
                icon: 'success',
                duration: 2000
              });
            } else {
              // 用户拒绝接收订阅消息  -- 点击左侧拒绝按钮
              wx.showToast({
                title: '通知失败',
                icon: 'none',
                duration: 2000
              });
            }
          },
          fail: (err) => {
            console.error('订阅失败', err)
          }
        });

4、前端具体代码实现(考虑通知消息开关关闭的情况)

以下包含了一点点业务代码,可自行去除。

了解 wx.getSetting和 wx.openSetting的具体作用,以及返回各参数表示什么含义后。

javascript 复制代码
  verifyFun() {
    var _this = this
    // var deviceId = wx.getStorageSync('openid');
    if (this.data.state != null && this.data.deviceId !='') {
        //
        wx.getSetting({
          withSubscriptions:true,
          success (res) {
            console.log(res,'get中的res')
            if(res.subscriptionsSetting.mainSwitch ){
              // 执行订阅通知 调用弹窗接口
              if( res.subscriptionsSetting.itemSettings == undefined || ( res.subscriptionsSetting.itemSettings && res.subscriptionsSetting.itemSettings['模版id'] == 'accept') ){
                wx.requestSubscribeMessage({
                  tmplIds:['模版id'], // 订阅的模板消息1 ID 
                  success:(res) => {
                    console.log(res, '订阅res')
                    // 处理用户授权结果
                    if (res['模版id'] === 'accept' ) {
                    // 用户同意接收订阅消息  -- 点击右侧允许按钮
                      wx.showToast({
                        title: '已通知',
                        icon: 'success',
                        duration: 2000
                      });

                      // 请求开启弹窗
                      wx.showLoading({
                        title: '开启中',
                      })
                      verify({
                        deviceId: _this.data.deviceId
                      })
                      .then((res) => {
                        console.log(res, '点击弹窗开启')
                        wx.hideLoading()
                        _this.setData({
                          circleContent: '弹窗已开启'
                        })
                      setTimeout(() => {
                          _this.setData({
                            circleContent: '开启弹窗',
                          });
                        }, 5000)
                      })
                    } else {
                      // 用户拒绝接收订阅消息  -- 点击左侧拒绝按钮
                      wx.showToast({
                        title: '通知失败',
                        icon: 'none',
                        duration: 2000
                      });
                    }
                  },
                  fail: (err) => {
                    console.error('订阅失败', err)
                  }
                });
              }else{
                   wx.openSetting({
                      withSubscriptions:true,
                      success (res) {
                         console.log(res,' wx.openSetting(的res')
                      }
                    })
                 }
             }else{
              // 调起客户端小程序设置界面 提示用户开启通知
              wx.openSetting({
                withSubscriptions:true,
                success (res) {
                  console.log(res,' wx.openSetting(的res')
    
                }
              })
            }
          }
        })
    }
     else {
      wx.showToast({
        title: '请先扫码绑定设备',
        icon: 'none'
      })
      wx.switchTab({
        url: '/pages/scanCode/scanCode'
      })

    }
  },

/*

1、总开关关闭 调wx.openSetting 到设置页面

2、总开关打开,留言开关 关闭 用户点击拒绝 未通知 再次点击 会弹订阅弹框(不勾选 总是保持以上选择开关)

3、总开关打开,留言开关 打开 用户点击拒绝 未通知 再次点击 会弹订阅弹窗(不勾选 总是保持以上选择开关)

4、总开关打开,留言开关 关闭 用户点击拒绝 未通知 再次点击 会跳到通知设置页面,用户手动将留言通知勾选成接受(勾选 总是保持以上选择开关)再次点击 通知成功,但页面不会出现订阅弹框(正常)

5、总开关打开,留言开关 打开 用户点击拒绝 未通知 再次点击 会跳到通知设置页面,用户手动将留言通知勾选成接受(勾选 总是保持以上选择开关)再次点击 通知成功,但页面不会出现订阅弹框(正常)

*/

相关推荐
2501_933907212 小时前
南京本凡科技,怎么选择专业小程序开发才能提升品牌竞争力?
科技·微信小程序·小程序
心无旁骛~3 小时前
【Claude Code开发】AI记账助手(miaozhang)微信小程序开发与部署完整指南
人工智能·微信小程序·notepad++
2501_933907215 小时前
本凡科技提供的宁波小程序开发服务全面解决方案
科技·微信小程序·小程序
阿珊和她的猫5 小时前
微信小程序静默授权异步问题的处理方案
微信小程序·状态模式·notepad++
左师佑图5 小时前
微信小程序集成 Day.js 插件的完整解决方案
微信小程序·小程序
2501_933907216 小时前
本凡科技提供宁波小程序服务与定制解决方案
科技·微信小程序·小程序
计算机徐师兄6 小时前
Java基于SpringBoot的运动健康小程序【附源码、文档说明】
spring boot·小程序·运动健康·java运动健康小程序·运动健康小程序·java运动健康微信小程序·运动健康微信小程序
Xpower 176 小时前
OpenClaw实战:从零开发电商小程序(2)
人工智能·语言模型·小程序·gateway
2501_9339072115 小时前
宁波小程序开发服务与技术团队专业支持
科技·微信小程序·小程序
sheji34161 天前
【开题答辩全过程】以 基于微信小程序的少儿编程学习平台为例,包含答辩的问题和答案
学习·微信小程序·小程序