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

# 组件介绍

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

# 组件优势

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

# 申请流程

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

# 开发流程

# 示例

# 扫码体验

扫码体验
重新加载
请使用百度APP扫码

# 图片示例: 左侧为百度 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=="
        }
    }