微信小程序Getuserinfo解决方案图解

微信小程序Getuserinfo解决方案详解

一、问题背景

在微信小程序开发中，获取用户信息是一个常见的需求。从2018年4月30日开始，微信为了加强用户信息的安全性，对获取用户信息的接口进行了调整。现在，直接调用wx.getUserInfo接口不再能够获取用户信息，需要使用引导用户主动进行授权操作。

二、处理方法

1. 使用组件获取用户信息

组件可以简单地获取并显示用户信息，例如使用type="userAvatarUrl"获取用户头像，type="userNickName"获取用户昵称。此方法仅用于直接简单的展示用户信息。

2. 使用获取用户信息

对于需要获取用户信息进行进一步操作的情况，我们需要引导用户手动授权。当用户未授权过，直接调用wx.getUserInfo接口将报错；当用户授权过，可以使用该接口获取用户信息。

三、优化用户体验

1. 首页直接调用getUserInfo方法

在项目首页直接调用getUserInfo方法，若用户从未授权过，则跳转到授权页面引导用户手动授权。在授权页面添加一个按钮组件，并在JS中加入手动点击按钮的方法，返回首页。

2. 通过遮罩层引导用户授权

考虑到用户体验，我们可以通过在首页添加一个遮罩层来引导用户授权。遮罩层只在用户第一次使用小程序时显示，引导用户授权后，遮罩层消失。实现这一功能需要查阅微信在页面加载后调用wx.getSetting方法可以获取当前用户的设置，判断用户是否已授权。

微信对getUSerInfo接口的修改确实加强了用户信息的安全性，虽然对开发者来说有些不习惯，但对于用户信息的保护是非常必要的。以上介绍的是微信小程序Getuserinfo的解决方案，希望对大家有所帮助。如果有任何疑问，请留言，我们会及时回复。

（以上内容仅供参考，具体实现方式可能因微信小程序版本更新而有所变化，请以微信官方文档为准。）