微信小程序Getuserinfo解决方案图

问题

在微信小程序的开发中，经常被用来获取用户信息！过去我们直接调用wx.getUserInfo接口直接获取用户信息。但出于安全考虑，自2018年4月30日起，不能直接调用wx.getUserInfo接口(接口调整)，需要使用Button Open-Type=' getuserinfo '/Button引导用户主动授权。事故太突然了，很难预防！

加工方法

1.开放数据/开放数据：简单地获取信息进行显示

Type='userAvatarUrl '是获取用户头像，type=' userNickName '是获取用户昵称，查看小程序开发文档了解具体使用细节。此方法仅用于直接简单地显示用户信息。

2.使用按钮open-type='getUserInfo '获取用户信息

小程序的官方文档说wx.getUserInfo，当用户没有授权的时候，调用这个接口会直接报错，即使调用这个接口也会直接jinru进入失败的回调；当用户被授权时，该界面可用于获取用户信息。

但是，如何有更好的用户体验来引导用户手动调用这个方法呢？这里考虑几个实现方案：

1.直接在项目的主页上调用getUserInfo方法。如果从未授权，请跳转到授权页面，指导用户手动授权

授权页面上的写按钮组件

在js中，添加手动点击按钮返回主页的方法

这个方案是可行的，但是授权页面上的一个授权按钮有点突兀，要进一步优化方案。

考虑是否可以通过条件渲染wx-if在主页上直接添加一部分屏蔽层作为引导用户授权的页面，因为一旦用户已经授权使用小程序，就不需要再授权进入小程序，也就是说只有当用户第一次使用小程序时，才会引导用户授权操作，所以这里考虑通过屏蔽层来实现。

将蒙版图层添加到首页

同时参考微信小程序开发文档，加载页面后调用wx.getSetting方法，获取当前用户的设置。返回值中只会出现小程序向用户请求的权限，这样就可以判断用户是否已经授权了权限。

未经授权的授权屏蔽层显示

引导用户授权后，

hasUserInfo: true

屏蔽层消失，授权完成。

微信修改界面getUSerInfo后，直接进入小程序自动调用获取用户信息就不像以前那么方便了。但是，真的是为了增强安全性，让用户可以通过按钮的方式主动授权自己。虽然对于开发者来说我们还不习惯，但是网络信息安全确实是提升用户信息安全的重要环节。

摘要

以上是边肖介绍的微信小程序Getuserinfo的解决方案。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！