微信授权登入及小程序通知订阅demo

index.wxml

<!-- index.wxml -->
<!-- index.wxml -->
<button open-type="getUserInfo" bindgetuserinfo="onGetUserInfo">微信登录</button>

<button bindtap="subscribeMessage">订阅订单完成通知</button>

index2

// index.js
Page({
  onGetUserInfo: function(e) {
    if (e.detail.userInfo) {
      // 用户按了允许授权按钮
      wx.login({
        success: res => {
          if (res.code) {
            // 获取到用户的 code 之后:res.code
            console.log("用户的Code: " + res.code);
            // 可以传这个code到后台,以获取用户的openId, sessionKey, unionId
            this.getUserSessionKey(res.code);
          } else {
            console.log('登录失败!' + res.errMsg)
          }
        }
      });
    } else {
      // 用户按了拒绝按钮
      wx.showModal({
        title: '警告',
        content: '您点击了拒绝授权,将无法进行登录,请授权之后再登录!!!',
        showCancel: false,
        confirmText: '返回授权',
        success: function(res) {
          if (res.confirm) {
            console.log('用户点击了“返回授权”');
          }
        }
      });
    }
  },

  getUserSessionKey: function(code) {
    // 这里调用你的后端API
    wx.request({
      url: '你的后端API地址', // 你的后端API地址
      method: 'POST',
      data: {
        code: code
      },
      success: function(res) {
        console.log(res.data);
        // 从你的后端获取到用户的sessionKey, openId等信息
      }
    })
  },
  // 订阅消息的方法
subscribeMessage: function() {
  wx.requestSubscribeMessage({
    tmplIds: ['IBSwrhhUIuPTPzozVbjp6s9gn5kpaG2qDyu8G6UJMxk'], // 替换为你的模板消息ID
    success (res) {
      if(res['IBSwrhhUIuPTPzozVbjp6s9gn5kpaG2qDyu8G6UJMxk'] === 'accept') {
        wx.showToast({
          title: '订阅成功',
          icon: 'success',
          duration: 2000
        });
        // 这里可以添加代码将订阅状态发送到服务器
      }
    },
    fail (err) {
      console.error(err);
      // 处理订阅失败的情况
    }
  })
}
});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值