【微信小程序】授权与重新授权

在这里插入图片描述
在这里插入图片描述
授权与重新授权

js

getUserInfo: function(e) {
    if (e.detail.userInfo) {
      //用户按了允许授权按钮
      var that = this;
      console.log("用户的信息如下:");
      //console.log(e.detail.userInfo);
    } else {
      //用户按了拒绝按钮
      console.log("用户按了拒绝按钮");
      wx.showModal({
        title: '警告',
        content: '您点击了拒绝授权,将无法进入小程序,请授权之后再进入!!!',
        showCancel: false,
        confirmText: '重新授权', // 此处的值只能在4个字节以内,超了会报错
        success: function(res) {
          // 用户没有授权成功,不需要改变值
          if (res.confirm) {
            console.log('用户点击了“返回授权”');
          }
        }
      });
    }
  }

wxml

<button open-type="getUserInfo" bindgetuserinfo="getUserInfo">点击授权与重新授权</button>

getUserInfo

在这里插入图片描述
在这里插入图片描述

示例代码

// 必须是在用户已经授权的情况下调用
wx.getUserInfo({
  success(res) {
    const userInfo = res.userInfo
    const nickName = userInfo.nickName
    const avatarUrl = userInfo.avatarUrl
    const gender = userInfo.gender // 性别 0:未知、1:男、2:女
    const province = userInfo.province
    const city = userInfo.city
    const country = userInfo.country
  }
})

encryptedData 解密后为以下 json 结构,详见加密数据解密算法

{
  "openId": "OPENID",
  "nickName": "NICKNAME",
  "gender": GENDER,
  "city": "CITY",
  "province": "PROVINCE",
  "country": "COUNTRY",
  "avatarUrl": "AVATARURL",
  "unionId": "UNIONID",
  "watermark": {
    "appid": "APPID",
    "timestamp": TIMESTAMP
  }
}

详细介绍查看官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/wx.getUserInfo.html?search-key=getUserInfo

转载请注明出处!

猜你喜欢

转载自blog.csdn.net/weixin_42614447/article/details/88344427