zoukankan      html  css  js  c++  java
  • 小程序 订阅消息功能实现 wx.requestSubscribeMessage

    写在前: 小程序 服务通知 订阅消息功能    小程序文档地址   (前端部分)

    第一步,html 内容,添加按钮点击事件

    <text>{{textcontent}}</text>
    <button bindtap="subTap" hover-class="other-button-hover">允许订阅消息</button>
    

    第二步,js 内容

    data: {
        textcontent: '提示:未开启'
    },
     
    // 检测是否开启  更新提示
      testingTap: function() {
        let that = this;
        wx.getSetting({
          withSubscriptions: true,
          success(res) {
            // console.log(res)
            if (res.subscriptionsSetting.mainSwitch) {
              if (res.subscriptionsSetting.itemSettings != null) {
                let item = res.subscriptionsSetting.itemSettings.P2wDrfX0CYmme5mgnmyxVdbXMZFp1mjByg9dE4_YrdQ
                if (item == "reject") {
                  that.setData({
                    textcontent: '提示:您已经拒绝订阅消息'
                  })
                } else if (item == "accept") {
                  that.setData({
                    textcontent: '提示:您已经开启订阅消息'
                  })
                } else if (item == "ban") {
                  that.setData({
                    textcontent: '提示:您已经被后台封禁'
                  })
                }
              }
            } else {
              that.setData({
                textcontent: '提示:订阅消息未开启'
              })
            }
          }
        })
      },
     
    //授权
    subTap: function() {
        let that = this;
        wx.requestSubscribeMessage({
          tmplIds: ['P2wDrfX0CYmme5mgnmyxVdbXMZFp1mjByg9dE4_YrdQ'],
          success(res) {
            that.setData({
              textcontent: '提示:授权成功'
            })
          },
          fail(res) {
            that.setData({
              textcontent: '提示:授权失败'
            })
          }
        })
      },
    

      

  • 相关阅读:
    从小白到全栈的前端学习路径
    Vue初学者可能不知道的坑
    vue的基础使用
    15-浮动
    02-css的选择器
    深入理解JavaScript的闭包
    深入理解JavaScript的闭包,前戏— 作用域和词法作用域
    JavaScript简介
    02-HTML5新的input属性
    springboot+spring session+redis+nginx实现session共享和负载均衡
  • 原文地址:https://www.cnblogs.com/amylis_chen/p/15615442.html
Copyright © 2011-2022 走看看