百度智能小程序-如何使用小程序登录能力
- 威海百度搜索资源平台 威海百度智能小程序运营
- 2420
为帮助开发者更好地运营用户，智能小程序团队推出了官方登录组件。
当开发者使用官方登录能力后，可方便地获取百度提供的登录用户身份标识状态及相应用户信息，实现帐户信息的打通和各业务间的联动，从而帮助开发者快速建立小程序内的用户体系，更便捷地运营用户。
手机号授权内嵌组件开发流程：查看开发文档。联合登录 / 手机号授权登录开发流程：查看开发文档。
一、触发登录的入口
开发者选择合适的场景，进行用户登录引导
全页功能触发：页面中的所有内容均需要登录才能浏览 / 操作；
局部功能模块触发：页面中的部分内容模块，需要登录才能浏览 / 操作；
个人中心触发：在个人中心场景下，由未登录头像、按钮、说明文案组合构成。
示例 1：我的收藏（全页功能触发）
示例 2：购物车（局部功能模块触发）
示例 3：个人中心触发
二、选择登录的交互流程
1. 手机号授权内嵌组件：一步完成，操作步长最短，点击后直接登录完成。
2. 联合登录 / 手机号授权登录 ：降低跳出感，削弱对用户的打断感，点击后触发授权登录半层面板。
示例1：点击登录按钮，直接登录
示例2：点击立即购买按钮，触发登录授权面板
1. 手机号授权内嵌组件
面向希望快速搭建登录流程的开发者，小程序官方提供手机号授权内嵌组件。
手机号授权内嵌组件开发流程：查看开发文档。
全页/局部功能场景推荐使用手机号授权内嵌组件。
示例1：我的收藏页
示例2：小程序logo登录页
示例3：沉浸式登录页
示例4：购物车页
应用手机号授权内嵌组件可以减少操作步长，提升登录体验。以查看收藏常见流程为例，应用内嵌组件后减少4步操作。
2. 联合登录 / 手机号授权登录
在百度 APP 中，配合“百度用户授权登录”文案的按钮 / 文字链，体现官方权威感，增强用户信任；
如展示空间较小，也可以直接使用“授权登录”文案的按钮 / 文字链。
联合登录 / 手机号授权登录开发流程：查看开发文档。
建议直接使用 百度授权登录按钮 (1) ，也可根据自身品牌进行样式自定义（2）。
三、避免以下体验不佳的情况
1. 违反功能实现规范
说明：小程序页面顶部、中间、底部等所有的分类导航按钮，点击后均应该跳转对应的二级页面
错误
切换底部导航TAB时，调起授权面板。
错误
切换底部导航TAB时，调起登录弹窗。
错误
切换底部导航TAB时，在当前页面调起登录中间页。
说明：跳出弹窗时，用户可选择接受或拒绝，不允许出现弹窗无法关闭的情况
正确
用户可以选择登录，也可以不登录。
错误
不允许出现弹窗无法关闭的情况。
说明：各个功能的排版、样式、位置要合理，确保用户在任何场景下都可以迅速找到该功能
正确
保证可读性的前提下，通过适当的颜色搭配辅助品牌定位。
错误
按钮可读性差（1），请不要使用警示色（2）或置灰色（3）。
2. 违反不妨碍用户规范
说明：不允许频繁多次跳出不必要的获取定位、手机号等获取用户权限或其他广告弹窗
用户刚进入小程序就强制用户登录，若用户未同意，就无法使用小程序；
用户刚进入小程序就弹窗强提醒用户登录，若用户未同意，就无法使用小程序；
用户拒绝授权登录或未主动触发登录授权流程，虽可继续使用小程序，但是在用户接下来的使用中仍频繁要求用户登录。
错误
不登录无法看到任何内容。
错误
进入首页就强制弹窗要求登录。
说明：不允许在用户主要路径放置不可关闭的悬浮组件，干扰用户浏览体验
错误
在小程序首页放置不可关闭的浮层、悬浮按钮，影响阅读体验。
3. 不符合百度核心能力接入要求
错误
未使用小程序授权能力登录。
错误
刻意弱化小程序授权能力登录。
四、体验资产
你可以通过智能小程序提供的示例模板，快速地接入最新登录能力。
登录中间页模板调用说明： 查看开发文档 。
模板1：默认登录页
模板2：品牌图片登录页
模板3：功能前置登录页
模板4：沉浸式登录页
来源：百度智能小程序
