微信小程序开发 - 微信升级wx.getUserInfo()接口后弹出授权窗口及获取用户信息的方法

微信升级wx.getUserInfo()接口后弹出授权窗口及获取用户信息的方法

---

1. wx.getUserInfo()修改原因：

​ 未修改之前由于获取用户权限的弹窗可以由小程序主动执行，小程序可以恶意执行在用户无操作时一直弹出授权窗口，导致小程序无法退出等问题。所以微信将一系列授权和设置弹窗均修改为必须要通过 button 组件的点击事件由用户主动触发。

2.修改后的代码：

• wxml中：（触发组件）

<button bindgetuserinfo='bindLogin' open-type="getUserInfo">点击登录</button>

• js中：（处理函数）

/**
 * 如果之前有授权，直接会获得用户信息
 * 如果没有授权会弹出授权窗口，要求授权
 * 授权成功，获得用户信息。未获得用户授权则userinfo为undefined
 */
bindLogin: function(res) {
    // 声明一个变量接收用户授权信息
    var userinfo = res.detail.userInfo;
    // 判断是否授权  true 替换微信用户头像
    console.log((userinfo != undefined));
    if (userinfo != undefined) {
      this.setData({
        'userinfo.userName': userinfo.nickName,
        'userinfo.avatarUrl': userinfo.avatarUrl,
      })
    } else {
      wx.showModal({
        title: '提示',
        content: '您必须授权才能使用所有功能',
        showCancel: false,
      })
    }
    console.log(this.data.userinfo);
  }