今天的“小程序课”，，，
，我们请来了开发哥来分享让用户微信登录的姿势。。
。。。

用户通过小程序可以快速获取服务，，，
，因此在会见小程序的第一个页面很是主要。。
。。。

小程序和小游戏内的用户登录，，，
，我们推荐使用以下两种方式获取用户信息：

? 按钮组件的登录方式，，，
，用户自动点击按钮可以拉起用户授权弹框，，，
，获取用户头像、昵称等信息;

? 在不获取用户信息的情形下，，，
，可展收户头像昵称。。
。。。

也提醒各人：

用户在没有任何操作的情形直接弹出授权的登录方式将逐渐不再支持，，，
，受影响的有 wx.getUserInfo 接口，，，
，以及 wx.authorize 接口传入 scope="scope.userInfo" 的情形。。
。。。

1为什么平台要做接口调解?

我们提供wx.login 和 wx.getUserInfo 接口，，，
，用于获取用户的 openID 和基本信息。。
。。。

推出这两个接口的初志是希望：

当用户使用小程序时，，，
，只有会见到真正需要登录的页面，，，
，才需要授权并登录。。
。。。

关于一个互联网产品而言，，，
，第一个页面决议了用户对这个产品的认知，，，
，用户会选择是否继续使用这个产品。。
。。。

一个优异的互联网产品，，，
，能够给用户留下一个好的第一印象，，，
，用户可以快速相识你的产品，，，
，吸收到你想要转达的服务信息，，，
，从而爆发响应的操作行为。。
。。。

一个优异的小程序会吸引用户在小程序里举行探索，，，
，完成你期望他们去做的事，，，
，好比会员注册、商品购置等。。
。。。

试想一下若是一个品牌的商品官网，，，
，一进入要求用户登录才华审查产品信息是什么感受呢?

因此优异的用户登录体验很是主要。。
。。。

2怎样设计登录流程?

用户翻开小程序时，，，
，看第一眼的时间，，，
，开发者需要专注以下两个目的：

? 精准快速地转达产品理念，，，
，开发者要让用户能够快速相识自己的产品和服务;

? 将用户流量举行转化，，，
，让用户能利便操作或者生意。。
。。。

一般而言，，，
，用户翻开小程序后看到的第一个页面，，，
，先不要直接弹出授权框，，，
，第一个页面可以包括以下内容：

? 展示你的小程序功效(如产品、服务、活动等) ，，，
，让用户清晰地知道小程序是做什么用的，，，
，这些内容可以是你的精选内容;

? 引发用户的探索欲，，，
，通过形貌或者图片吸引用户注重力;

? 凭证自己的产品目的，，，
，给用户提供清晰明确的下一步操作(审查详情、购置等)。。
。。。

若是某些特殊小程序在使用前一定需要用户登录，，，
，或者已经举行到需要用户登录的操作时，，，
，可以将 button 组件(其中 open-type 属性指定为 getUserInfo)放置到页面中，，，
，页面上可以大致说明以下要点：

接下来在页面上放置一个显着的登录按钮，，，
， 建议这个页面上不要有特另外点击区域，，，
，以免疏散用户注重力，，，
，让用户专注于登录这件事情。。
。。。

3简朴的开发建议

1当用户翻开小程序时会见第一个页面时，，，
，先通过 wx.login，，，
，获取用户 openID 。。
。。。这时无需弹框授权，，，
，开发者拿到 openID 可以建设自身的帐号 ID。。
。。。

2在第一步中，，，
，拿到 openID 后，，，
，判断是新用户照旧老用户。。
。。。若是是老用户，，，
，可以直接登录;若是是新用户，，，
，可先在小程序首页展示你的信息服务，，，
，让用户对这个小程序有或许的相识，，，
，再指导用户举行下一步的操作。。
。。。

3当需要获取用户头像昵称的时间，，，
，对用户展示一个登录页面，，，
，这个页面只有一个最主要的操作，，，
，指导用户举行登录。。
。。。

小程序中，，，
，在页面中加入一个 button 按钮，，，
，并将 open-type 属性设置为 getUserInfo 。。
。。。

以小程序为例：

关于功效较简朴的小程序或者小游戏而言，，，
，若是不是必需要获得用户的头像昵称，，，
，建议可先通过wx.login 拿到 openID 后，，，
，使用 open-data 方式或者开放数据域的方式展收户信息，，，
，整个历程都无需用户授权。。
。。。

Tips：

1、在用户登录后，，，
，开发者需要存储用户的 unionID，，，
，并且建议只把 unionID 作为互通的用户标识，，，
，不要直接使用 unionID 作为用户 ID。。
。。。由于一旦小程序迁徙到其他的开放平台下，，，
，unionID 是会改变的，，，
，而 openID 是稳固的。。
。。。

2、用 button 组件的方式获得用户授权后，，，
，挪用 wx.getUserInfo 就可以直接获取用户信息。。
。。。这个的意义在于获取过一次之后，，，
，用户有可能改昵称头像，，，
，因此为了实时同步，，，
，最好是按期获取用户信息。。
。。。

这里两个小提醒：

? 按期使用 wx.getUserInfo 获取并更新用户的信息;

? 若是用户授权过一次之后，，，
，又在设置中关掉了授权(或者外地删除了小程序)，，，
，那这时再挪用 wx.getUserInfo 也是不会乐成的，，，
，需要重新获得授权。。
。。。