联合登录 / 手机号授权登录
“联合登录 / 手机号授权登录”是智能小程序平台提供给开发者的最为便捷的授权登录组件。开发者在强依赖登录的业务场景可以通过调用该组件,快速完成小程序登录流程并获取用户手机号信息,实现自有账号体系与百度账号体系的互通,同时为使用平台提供的用户资产服务奠定了基础。其他登录方式请参考智能小程序登录。
“联合登录 / 手机号授权登录”包括以下两部分功能:
- 对百度 App 用户登录态的判断;
- 对百度 App 已登录用户提供授权登录弹窗;对百度 App 未登录用户提供“登录 & 授权半屏面板”,用户可通过该面板一键完成登录和授权操作。
申请流程
流程详情请参考获取用户手机号。具体分为以下三部分:
1、信息填写:根据实际情况填写相关信息;
2、平台审核:信息提交后等待审核通过;
3、审核通过后,即可接入联合登录 / 手机号授权组件。
开发流程
Web 态说明:受浏览器限制,Web 态小程序暂不支持获取用户手机号功能,建议开发者使用 open-type 为 login 的方式登录。
流程详情请参考获取用户手机号。
示例
扫码体验
代码示例
请使用百度APP扫码
图片示例
示例 1:百度 App 未登录用户授权登录流程
示例 2:百度 App 已登录用户授权登录流程
代码示例
- SWAN
- JS
<view class="wrap">
<view class="card-area">
<button open-type="getPhoneNumber" type="primary" bindgetphonenumber="getphonenumber">
联合登录/手机号授权组件
</button>
</view>
</view>
Page({
getphonenumber(e) {
if (e.detail.encryptedData) {
swan.showModal({
title: '获取成功',
content: JSON.stringify(e)
});
}
else {
swan.showModal({
title: '获取失败',
content: JSON.stringify(e)
});
}
}
});
返回值示例
{
"detail": {
"encryptedData": "ZOrJtrJ4eWkDOciQmyXPfqJhcF4t+SJsLYuIWufKt+/aBsXjKH/3iv7GafIE5DqqfEQjor4=",
"errMsg": "getPhoneNumber:ok",
"iv": "ce93b68c8ae71460706f8w=="
}
}
流程示意图
联合登录 / 手机号授权登录组件内部流程示意图。