百度智能小程序 联合登录/手机号授权登录

组件介绍

• 智能小程序平台为开发者提供了联合登录/手机号授权登录组件，开发者在强依赖登录的业务场景可以通过调用该组件，快速完成小程序登录流程并获取用户手机号信息。
• 联合登录/手机号授权登录组件包括以下两部分功能：1、对百度 APP 用户登录态的判断；2、对百度 APP 已登录用户提供授权登录弹窗；对百度 APP 未登录用户提供「登录&授权半屏面板」，用户可通过该面板一键完成登录和授权操作。

组件优势

• 开发者使用联合登录/手机号授权组件后，能够直接获取用户的手机号信息，实现自有账号体系与百度账号体系的互通，同时为使用平台提供的用户资产服务奠定了基础。

申请流程

• 申请流程在小程序开发者后台完成，路径为：小程序后台-开发管理-功能管理-开通获取手机号权限。具体分为以下三部分：
  1. 信息填写：根据实际情况填写相关信息
  2. 平台审核：信息提交后等待审核通过
  3. 审核通过后，即可接入联合登录/手机号授权组件

开发流程

• 在button 组件中，将 open-type 设置为 getPhoneNumber，并使用 bindgetphonenumber 作为获取用户手机号的回调
• 返回值中的 encryptedData 和 iv 需要发送到服务端解密。

示例

图片示例: 左侧为百度 APP 未登录用户授权登录流程；右侧为百度 APP 已登录用户授权登录流程

代码示例 

在开发者工具中打开

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