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

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

*/

相关推荐
TuCoder4 小时前
制作景区导览小程序时,现有手绘图是否可以复用?
小程序·智慧景区·手绘地图·景区导览·电子导览·地图制作·ebmap
小小王app小程序开发10 小时前
盲盒小程序一番赏玩法分析
小程序
这是个栗子10 小时前
【微信小程序问题解决】删掉 “navigationStyle“: “custom“ 后仍触发了自定义导航栏
微信小程序·小程序·navigationstyle
liangdabiao10 小时前
定制的乐高马赛克像素画生成器-微信小程序版本-AI 风格优化-一键完成所有工作
人工智能·微信小程序·小程序
编程小白gogogo10 小时前
苍穹外卖微信小程序导入hbuilder后点击运行选择在微信开发者工具中打开,微信开发者工具打开却没有运行微信小程序解决办法
微信小程序·小程序
梦梦代码精10 小时前
LikeShop 深度测评:开源电商的务实之选
java·前端·数据库·后端·云原生·小程序·php
天籁晴空10 小时前
微信小程序 静默登录 + 授权登录 双模式配合的设计方案
前端·微信小程序·uni-app
2501_915921431 天前
穿越HTTPS迷雾:Wireshark中的TLS抓包秘诀与文件合并方法
网络协议·ios·小程序·https·uni-app·wireshark·iphone
PinTrust SSL证书1 天前
Sectigo(Comodo)企业型OV通配符SSL
网络·网络协议·网络安全·小程序·https·ssl
头发还在的女程序员1 天前
家政系统源码,上门家政源码,支持小程序、APP、H5和公众号,可直接搭建使用
小程序·生活·家政