百度智能小程序 聯(lián)合登錄/手機(jī)號(hào)授權(quán)登錄

組件介紹

• 智能小程序平臺(tái)為開(kāi)發(fā)者提供了聯(lián)合登錄/手機(jī)號(hào)授權(quán)登錄組件，開(kāi)發(fā)者在強(qiáng)依賴登錄的業(yè)務(wù)場(chǎng)景可以通過(guò)調(diào)用該組件，快速完成小程序登錄流程并獲取用戶手機(jī)號(hào)信息。
• 聯(lián)合登錄/手機(jī)號(hào)授權(quán)登錄組件包括以下兩部分功能：1、對(duì)百度 APP 用戶登錄態(tài)的判斷；2、對(duì)百度 APP 已登錄用戶提供授權(quán)登錄彈窗；對(duì)百度 APP 未登錄用戶提供「登錄&授權(quán)半屏面板」，用戶可通過(guò)該面板一鍵完成登錄和授權(quán)操作。

組件優(yōu)勢(shì)

• 開(kāi)發(fā)者使用聯(lián)合登錄/手機(jī)號(hào)授權(quán)組件后，能夠直接獲取用戶的手機(jī)號(hào)信息，實(shí)現(xiàn)自有賬號(hào)體系與百度賬號(hào)體系的互通，同時(shí)為使用平臺(tái)提供的用戶資產(chǎn)服務(wù)奠定了基礎(chǔ)。

申請(qǐng)流程

• 申請(qǐng)流程在小程序開(kāi)發(fā)者后臺(tái)完成，路徑為：小程序后臺(tái)-開(kāi)發(fā)管理-功能管理-開(kāi)通獲取手機(jī)號(hào)權(quán)限。具體分為以下三部分：
  1. 信息填寫(xiě)：根據(jù)實(shí)際情況填寫(xiě)相關(guān)信息
  2. 平臺(tái)審核：信息提交后等待審核通過(guò)
  3. 審核通過(guò)后，即可接入聯(lián)合登錄/手機(jī)號(hào)授權(quán)組件

開(kāi)發(fā)流程

• 在button 組件中，將 open-type 設(shè)置為 getPhoneNumber，并使用 bindgetphonenumber 作為獲取用戶手機(jī)號(hào)的回調(diào)
• 返回值中的 encryptedData 和 iv 需要發(fā)送到服務(wù)端解密。

示例

圖片示例: 左側(cè)為百度 APP 未登錄用戶授權(quán)登錄流程；右側(cè)為百度 APP 已登錄用戶授權(quán)登錄流程

代碼示例 

在開(kāi)發(fā)者工具中打開(kāi)

<view class="wrap">
    <view class="card-area">
        <button open-type="getPhoneNumber" type="primary" bindgetphonenumber="getphonenumber">
            聯(lián)合登錄/手機(jī)號(hào)授權(quán)組件
        </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=="
    }
}