这篇文章将为大家详细讲解有关微信小程序中实现同步请求授权的示例,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
微信小程序 同步请求授权的详解
需求分析:
1.在小程序首次打开的时候,我需要同时请求获取多个权限,由用户逐一授权。
([‘scope.userInfo',‘scope.userLocation',‘scope.address',‘scope.record',‘scope.writePhotosAlbum'])
问题分析:
1. wx.authorize接口同时调用,请求多个权限,由于异步原因,将授权请求一并发出,显然不符合要求。
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]) {
// 发起授权
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:怎么改成循环方式?
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写法过于笨,但是尝试通过循环方式调用写法,又不知道如何处理回调问题。
2.wx.authorize接口,success参数官方给出的解释是(接口调用成功的回调函数),其实不然,实际上是接口调用成功,并且获取到了scope指定的权限
关于“微信小程序中实现同步请求授权的示例”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。