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

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

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

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

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=="

  
 }

  
}

 

流程示意图

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