溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要為大家展示了如何實現uni-app微信小程序登錄授權，內容簡而易懂，希望大家可以學習一下，學習完之后肯定會有收獲的，下面讓小編帶大家一起來看看吧。
微信小程序授權是非常簡單和常用的功能，但為了方便，還是在此記錄一下要點：
首先是需要用到一個授權按鈕來觸發獲取用戶信息授權： 關鍵在于 open-type 為 getUserInfo , 然后有個@getuserinfo的事件，把獲取授權接口寫到該事件里面去
<button class="sys_btn" open-type="getUserInfo" lang="zh_CN" @getuserinfo="appLoginWx">{{loginInfo.openid != "" && loginInfo.openid != undefined ? "已授權" : "小程序授權"}}</button>方法如下：
appLoginWx(){
// #ifdef MP-WEIXIN
uni.getProvider({
service: 'oauth',
success: function (res) {
if (~res.provider.indexOf('weixin')) {
uni.login({
provider: 'weixin',
success: (res) => {
_self.authorization = res.code;
uni.getUserInfo({
provider: 'weixin',
success: (info) => {//這里請求接口
console.log(res);
console.log(info);
},
fail: () => {
uni.showToast({title:"微信登錄授權失敗",icon:"none"});
}
})
},
fail: () => {
uni.showToast({title:"微信登錄授權失敗",icon:"none"});
}
})
}else{
uni.showToast({
title: '請先安裝微信或升級版本',
icon:"none"
});
}
}
});
//#endif
}在 uni.login 和 uni.getUserInfo 被調用后，你可以獲取到以下值用于繼續請求后端給你的接口：
常用的值大概有：code 、iv 、encryptedData 和 個人基本信息，這些可以傳給后端交換得到openid。
如果需要知道用戶當前是否已經授權，則可以使用如下代碼：
uniapp的授權文檔，可以判斷不同的授權類型：https://uniapp.dcloud.io/api/other/authorize?id=authorize
// #ifdef MP-WEIXIN
uni.getSetting({
success(res) {
console.log("授權：",res);
if (!res.authSetting['scope.userInfo']) {
//這里調用授權
console.log("當前未授權");
} else {
//用戶已經授權過了
console.log("當前已授權");
}
}
})
//#endif以上就是關于如何實現uni-app微信小程序登錄授權的內容，如果你們有學習到知識或者技能，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
