這篇文章將為大家詳細講解有關微信小程序中實現(xiàn)同步請求授權的示例,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
十載的額爾古納網站建設經驗,針對設計、前端、開發(fā)、售后、文案、推廣等六對一服務,響應快,48小時及時工作處理。營銷型網站建設的優(yōu)勢是能夠根據(jù)用戶設備顯示端的尺寸不同,自動調整額爾古納建站的顯示方式,使網站能夠適用不同顯示終端,在瀏覽器中調整網站的寬度,無論在任何一種瀏覽器上瀏覽網站,都能展現(xiàn)優(yōu)雅布局與設計,從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)從事“額爾古納網站設計”,“額爾古納網站推廣”以來,每個客戶項目都認真落實執(zhí)行。
微信小程序 同步請求授權的詳解
需求分析:
1.在小程序首次打開的時候,我需要同時請求獲取多個權限,由用戶逐一授權。
([‘scope.userInfo',‘scope.userLocation',‘scope.address',‘scope.record',‘scope.writePhotosAlbum'])
問題分析:
1. wx.authorize接口同時調用,請求多個權限,由于異步原因,將授權請求一并發(fā)出,顯然不符合要求。
2. promise能很好的解決問題,試著嘗試了一下,下面代碼分為兩個文件。
// scope.js import es6 from '../helpers/es6-promise' // 獲取用戶授權 function getScope(scopeName) { return new es6.Promise(function (resolve, reject) { // 查詢授權 wx.getSetting({ success(res) { if (!res.authSetting[scopeName]) { // 發(fā)起授權 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"]; // 記錄請求結果 let num = 0; // 問題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; // 調起設置界面 if (num) { wx.openSetting({ success(res) { // 允許獲取用戶信息 if (res.authSetting["scope.userInfo"]) userService.login() } }) } else { userService.login() } }) }) }) }) })
分析求解:
1.代碼中問題1寫法過于笨,但是嘗試通過循環(huán)方式調用寫法,又不知道如何處理回調問題。
2.wx.authorize接口,success參數(shù)官方給出的解釋是(接口調用成功的回調函數(shù)),其實不然,實際上是接口調用成功,并且獲取到了scope指定的權限
關于“微信小程序中實現(xiàn)同步請求授權的示例”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。