被用户“花式拒绝”微信登录？开发小哥有好建议！

用户打开小程序时，直接弹框获取用户信息授权，可能会立马懵圈：

你是谁？

我在哪里？

我为什么要同意？……

相当一部分用户下意识会拒绝授权——这样不合理的登录流程既造成了用户的困扰，还流失了用户。

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

用户通过小程序可以快速获取服务，因此在访问小程序的第一个页面非常重要。

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

也提醒大家：

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

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

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

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

一个优秀的互联网产品，能够给用户留下一个好的第一印象，用户可以快速了解你的产品，接收到你想要传递的服务信息，从而产生相应的操作行为。

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

试想一下如果一个品牌的商品官网，一进入要求用户登录才能查看产品信息是什么感觉呢？

因此良好的用户登录体验非常重要。

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

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

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

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

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

以小程序为例：

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

相关开发文档参考：

▷ 小程序

1、小程序wx.login

2、button 组件，并将 open-type 指定为 getUserInfo 类型，获取用户基本信息

3、open-data 展示用户基本信息

▷ 小游戏

1、小游戏wx.login

2、用户信息按钮 UserInfoButton

3、开放数据域下的展示用户信息