微信小程序 同步請(qǐng)求授權(quán)的詳解
微信小程序 同步請(qǐng)求授權(quán)的詳解
需求分析:
1.在小程序首次打開的時(shí)候,我需要同時(shí)請(qǐng)求獲取多個(gè)權(quán)限,由用戶逐一授權(quán)。
([‘scope.userInfo',‘scope.userLocation',‘scope.address',‘scope.record',‘scope.writePhotosAlbum'])
問(wèn)題分析:
1. wx.authorize接口同時(shí)調(diào)用,請(qǐng)求多個(gè)權(quán)限,由于異步原因,將授權(quán)請(qǐng)求一并發(fā)出,顯然不符合要求。
2. promise能很好的解決問(wèn)題,試著嘗試了一下,下面代碼分為兩個(gè)文件。
// scope.js
import es6 from '../helpers/es6-promise'
// 獲取用戶授權(quán)
function getScope(scopeName) {
return new es6.Promise(function (resolve, reject) {
// 查詢授權(quán)
wx.getSetting({
success(res) {
if (!res.authSetting[scopeName]) {
// 發(fā)起授權(quán)
wx.authorize({
scope: scopeName,
success() {
resolve(0)
}, fail() {
resolve(1)
}
})
}
}
})
})
}
module.exports = { getScope: getScope }
// index.js
import scope from "../../service/scope"
Page({
onShow() {
let list = ["scope.userInfo", "scope.userLocation", "scope.address", "scope.record"];
// 記錄請(qǐng)求結(jié)果
let num = 0;
// 問(wèn)題1:怎么改成循環(huán)方式?
scope.getScope(list[0]).then(function (res) {
num += res;
scope.getScope(list[1]).then(function (res) {
num += res;
scope.getScope(list[2]).then(function (res) {
num += res;
scope.getScope(list[3]).then(function (res) {
num += res;
// 調(diào)起設(shè)置界面
if (num) {
wx.openSetting({
success(res) {
// 允許獲取用戶信息
if (res.authSetting["scope.userInfo"])
userService.login()
}
})
} else {
userService.login()
}
})
})
})
})
})
分析求解:
1.代碼中問(wèn)題1寫法過(guò)于笨,但是嘗試通過(guò)循環(huán)方式調(diào)用寫法,又不知道如何處理回調(diào)問(wèn)題。
2.wx.authorize接口,success參數(shù)官方給出的解釋是(接口調(diào)用成功的回調(diào)函數(shù)),其實(shí)不然,實(shí)際上是接口調(diào)用成功,并且獲取到了scope指定的權(quán)限
如有疑問(wèn)請(qǐng)留言或者到本站社區(qū)交流討論,感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!
相關(guān)文章
js默認(rèn)文本框粘貼事件完美實(shí)現(xiàn)詳解
這篇文章主要為大家介紹了js默認(rèn)文本框粘貼事件完美實(shí)現(xiàn)詳解,2023-01-01
JS前端可視化canvas動(dòng)畫原理及其推導(dǎo)實(shí)現(xiàn)
這篇文章主要為大家介紹了JS前端可視化canvas動(dòng)畫原理及其推導(dǎo)實(shí)現(xiàn),有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-08-08
微信小程序 動(dòng)畫的簡(jiǎn)單實(shí)例
這篇文章主要介紹了微信小程序 動(dòng)畫的簡(jiǎn)單實(shí)例的相關(guān)資料,希望通過(guò)本文能幫助到大家,需要的朋友可以參考下2017-10-10
webpack5之output和devServer的publicPath區(qū)別示例詳解
這篇文章主要為大家介紹了webpack5之output和devServer的publicPath區(qū)別示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-12-12
JS實(shí)用技巧實(shí)現(xiàn)loading加載示例詳解
這篇文章主要為大家介紹了JS實(shí)用技巧實(shí)現(xiàn)loading加載示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-03-03
JavaScript中isPrototypeOf函數(shù)
這篇文章主要介紹了JavaScript中isPrototypeOf函數(shù),isPrototypeOf() 是 Object函數(shù)(類)的下的一個(gè)方法,用于判斷當(dāng)前對(duì)象是否為另外一個(gè)對(duì)象的原型,如果是就返回 true,否則就返回 false,下面來(lái)看看詳細(xì)內(nèi)容,需要的朋友可以參考一下2021-11-11

