百度智能小程序-聯(lián)合登錄 / 手機(jī)號(hào)授權(quán)登錄
聯(lián)合登錄/手機(jī)號(hào)授權(quán)登錄內(nèi)嵌組件是小程序平臺(tái)推出的「新」授權(quán)登錄組件。
組件介紹
智能小程序平臺(tái)為開(kāi)發(fā)者提供了聯(lián)合登錄 / 手機(jī)號(hào)授權(quán)登錄組件,開(kāi)發(fā)者在強(qiáng)依賴(lài)登錄的業(yè)務(wù)場(chǎng)景可以通過(guò)調(diào)用該組件,快速完成小程序登錄流程并獲取用戶(hù)手機(jī)號(hào)信息。
聯(lián)合登錄 / 手機(jī)號(hào)授權(quán)登錄組件包括以下兩部分功能:
1、對(duì)百度 APP 用戶(hù)登錄態(tài)的判斷;
2、對(duì)百度 APP 已登錄用戶(hù)提供授權(quán)登錄彈窗;對(duì)百度 APP 未登錄用戶(hù)提供“登錄 & 授權(quán)半屏面板”,用戶(hù)可通過(guò)該面板一鍵完成登錄和授權(quán)操作。
組件優(yōu)勢(shì)
開(kāi)發(fā)者使用聯(lián)合登錄 / 手機(jī)號(hào)授權(quán)組件后,能夠直接獲取用戶(hù)的手機(jī)號(hào)信息,實(shí)現(xiàn)自有賬號(hào)體系與百度賬號(hào)體系的互通,同時(shí)為使用平臺(tái)提供的用戶(hù)資產(chǎn)服務(wù)奠定了基礎(chǔ)。
申請(qǐng)流程
申請(qǐng)流程在小程序開(kāi)發(fā)者后臺(tái)完成,路徑為:“小程序后臺(tái) -> 小程序管理 -> 功能管理 -> 獲取用戶(hù)手機(jī)號(hào)”。具體分為以下三部分:
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 作為獲取用戶(hù)手機(jī)號(hào)的回調(diào)。
返回值中的 encryptedData 和 iv 需要發(fā)送到服務(wù)端解密,詳細(xì)可參考用戶(hù)數(shù)據(jù)的簽名驗(yàn)證和加解密。
Web 態(tài)說(shuō)明:受瀏覽器限制,Web 態(tài)小程序暫不支持獲取用戶(hù)手機(jī)號(hào)功能,建議開(kāi)發(fā)者使用 open-type 為 login 的方式登錄。
示例
在開(kāi)發(fā)者工具中打開(kāi)
掃碼體驗(yàn)
掃碼體驗(yàn)
圖片示例:
示例 1:百度 APP 未登錄用戶(hù)授權(quán)登錄流程
示例 2:百度 APP 已登錄用戶(hù)授權(quán)登錄流程
代碼示例
SWAN
JS
<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>
返回值示例
{
"detail": {
"encryptedData": "ZOrJtrJ4eWkDOciQmyXPfqJhcF4t+SJsLYuIWufKt+/aBsXjKH/3iv7GafIE5DqqfEQjor4=",
"errMsg": "getPhoneNumber:ok",
"iv": "ce93b68c8ae71460706f8w=="
}
}
來(lái)源:百度智能小程序