一、uniapp微信授權登錄流程
微信登錄授權是開發一個App必備的功能之一，uniapp也不例外。在uniapp中，微信授權登錄的流程通常包括以下幾個步驟：
1、用戶點擊登錄按鈕，調用uni.login()方法獲取到code值；
uni.login({
provider: 'weixin',
success: function (loginRes) {
// ...
}
});
2、通過code值向後台伺服器發送請求，獲取到微信用戶的OpenId等信息；
uni.request({
url: 'https://your.backend.api.com/weixin/login',
data: {
code: loginRes.code
},
success: function (res) {
// ...
}
});
3、後台伺服器返回值，返回給前端，前端通過邏輯處理將用戶信息展示在頁面上。
二、uniapp微信授權登錄獲取手機號
在微信授權登錄之後，我們還可以調用微信的getUserInfo介面獲取用戶的基本信息，包括微信號、昵稱、頭像等。同時，如果用戶已經綁定了手機號，我們還可以通過getPhoneNumber介面獲取到用戶的手機號碼。
wx.getUserProfile({
desc: "用於完善會員資料",
success: function (res) {
console.log(res.userInfo);
console.log(res.encryptedData);
console.log(res.iv);
}
})
wx.login({
success: res => {
console.log(res.code);
}
})
三、uniapp微信一鍵登錄
為了提高用戶的操作體驗，我們可以使用uniapp提供的nvue組件來實現微信一鍵登錄的功能。在nvue頁面中，引入WeChatAuth組件，通過配置相關參數就可以很方便地實現微信一鍵登錄的功能。
原創文章，作者：FKCR，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/144181.html
微信掃一掃 
支付寶掃一掃 