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

本文主要是介绍微信小程序开发 - 微信升级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);}