微信小程序同步请求授权的详解

Z时代
2024-01-10
分类：综合

微信小程序同步请求授权的详解

需求分析：

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()
      }
     })
    })
   })
  })
})