小程序登录和获取用户信息-----讲解

获取用户信息组件介绍

组件变化：

• open-type 属性增加 getUserInfo ：用户点击时候会触发 bindgetuserinfo 事件。

• 新增事件 bindgetuserinfo ：当 open-type 为 getUserInfo 时，用户点击会触发。可以从事件返回参数的detail字段中获取到和wx.getUserInfo返回参数相同的数据。

示例：

<button open-type="getUserInfo" bindgetuserinfo="userInfoHandler"> Click me </button>

和 wx.getUserInfo 不同之处在于：

• API wx.getUserInfo 只会弹一次框，用户拒绝授权之后，再次调用将不会弹框

• 组件 由于是用户主动触发，不受弹框次数限制，只要用户没有授权，都会再次弹框

 

直接获取unionId

考虑很多场景下，业务方申请userinfo授权主要为了获取unionid。我们鼓励开发者在不骚扰用户的情况下合理获得unionid，而仅在必要时才向用户弹窗申请使用昵称头像。为此，凡使用“获取用户信息组件”获取用户昵称头像的小程序，在满足以下全部条件时，将可以静默获得unionid。

1. 在微信开放平台下存在同主体的App、公众号、小程序。

2. 用户关注了某个相同主体公众号，或曾经在某个相同主体App、公众号上进行过微信登录授权。

getUserInfo 和 login

很多开发者会把login和getUserInfo捆绑调用当成登录使用，其实login已经可以完成登录，可以建立账号体系了，getUserInfo只是获取额外的用户信息。

在login获取到code，然后发送到开发者后端，开发者后端再通过接口去微信后端换取到openid和sessionKey（并且现在会将unionid也一并返回）之后，然后把3rd_session返回给前端，就已经完成登录行为。而login行为是静默，不必授权的，不会对用户造成骚扰。

getUserInfo只是为了提供更优质的服务而存在，比如展示头像昵称，判断性别，通过unionId和其他公众号上已有的用户画像结合起来提供历史数据。所以不必在刚刚进入小程序的时候就强制要求授权。

推荐使用方法

1. 调用wx.login 获取code，然后从微信后端换取到sessionKey，用于解密getUserInfo返回的敏感数据。

2. 使用wx.getSetting 获取用户的授权情况

   1. 如果用户已经授权，直接调用 API wx.getUserInfo 获取用户最新的信息

   2. 用户未授权，在界面中显示一个按钮提示用户登入，当用户点击并授权后就获取到用户的最新信息。

3. 获取到用户数据后可以进行展示或者发送给自己的后端。