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

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

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

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

申请流程

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

开发流程

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

示例

在开发者工具中打开

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

百度智能小程序

请使用百度APP扫码

图片示例

示例 1：百度 App 未登录用户授权登录流程

联合登录 / 手机号授权登录 - 图2

示例 2：百度 App 已登录用户授权登录流程

联合登录 / 手机号授权登录 - 图3

代码示例

  • SWAN
  • JS
  1. <view class="wrap">
  2.     <view class="card-area">
  3.         <button open-type="getPhoneNumber" type="primary" bindgetphonenumber="getphonenumber">
  4.             联合登录/手机号授权组件
  5.         </button>
  6.     </view>
  7. </view>
  1. Page({
  2.     getphonenumber(e) {
  3.         if (e.detail.encryptedData) {
  4.             swan.showModal({
  5.                 title: '获取成功',
  6.                 content: JSON.stringify(e)
  7.             });
  8.         }
  9.         else {
  10.             swan.showModal({
  11.                 title: '获取失败',
  12.                 content: JSON.stringify(e)
  13.             });
  14.         }
  15.     }
  16. });

返回值示例

  1. {
  2.     "detail": {
  3.         "encryptedData": "ZOrJtrJ4eWkDOciQmyXPfqJhcF4t+SJsLYuIWufKt+/aBsXjKH/3iv7GafIE5DqqfEQjor4=",
  4.         "errMsg": "getPhoneNumber:ok",
  5.         "iv": "ce93b68c8ae71460706f8w=="
  6.     }
  7. }

流程示意图

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