• 联合登录 / 手机号授权登录
  • 申请流程
  • 开发流程
  • 示例
    • 图片示例
    • 代码示例
    • 返回值示例
  • 流程示意图

联合登录 / 手机号授权登录

“联合登录 / 手机号授权登录”是智能小程序平台提供给开发者的最为便捷的授权登录组件。开发者在强依赖登录的业务场景可以通过调用该组件，快速完成小程序登录流程并获取用户手机号信息，实现自有账号体系与百度账号体系的互通，同时为使用平台提供的用户资产服务奠定了基础。其他登录方式请参考智能小程序登录。

“联合登录 / 手机号授权登录”包括以下两部分功能：

1. 对百度 App 用户登录态的判断；
2. 对百度 App 已登录用户提供授权登录弹窗；对百度 App 未登录用户提供“登录 & 授权半屏面板”，用户可通过该面板一键完成登录和授权操作。

申请流程

流程详情请参考获取用户手机号。具体分为以下三部分：
1、信息填写：根据实际情况填写相关信息；
2、平台审核：信息提交后等待审核通过；
3、审核通过后，即可接入联合登录 / 手机号授权组件。

开发流程

Web 态说明：受浏览器限制，Web 态小程序暂不支持获取用户手机号功能，建议开发者使用 open-type 为 login 的方式登录。
流程详情请参考获取用户手机号。

示例

在开发者工具中打开

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

请使用百度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=="
  
  
  
 }
  
  
  
}
 
 
 

流程示意图

联合登录 / 手机号授权登录组件内部流程示意图。