本文主要是介绍微信小程序开发 - 微信升级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);}
这篇关于微信小程序开发 - 微信升级wx.getUserInfo()接口后弹出授权窗口及获取用户信息的方法的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!