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

 更新时间:2017年08月04日 15:19:11   作者:xiaochun365  
这篇文章主要介绍了微信小程序 同步请求授权的详解的相关资料,在小程序首次打开的时候,我需要同时请求获取多个权限,由用户逐一授权,这样的需求实现,需要的朋友可以参考下

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

需求分析:

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指定的权限

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

相关文章

  • JavaScript架构localStorage特殊场景下二次封装操作

    JavaScript架构localStorage特殊场景下二次封装操作

    这篇文章主要为大家介绍了JavaScript架构localStorage在特殊场景下的二次封装操作,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-06-06
  • JS前端监控采集用户行为的N种姿势

    JS前端监控采集用户行为的N种姿势

    这篇文章主要为大家介绍了JS前端监控采集用户行为的N种姿势,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • 微信小程序 在线支付功能的实现

    微信小程序 在线支付功能的实现

    这篇文章主要介绍了微信小程序 在线支付功能的实现的相关资料,需要的朋友可以参考下
    2017-03-03
  • JavaScript原型Prototype详情

    JavaScript原型Prototype详情

    这篇文章主要介绍了JavaScript原型Prototype,在JavaScript中,函数是一个包含属性和方法的Function类型的对象。而原型(Prototype )就是Function类型对象的一个属性。具体内容需要的朋友可以参考下面文章的介绍
    2021-12-12
  • 微信小程序 后台https域名绑定和免费的https证书申请详解

    微信小程序 后台https域名绑定和免费的https证书申请详解

    这篇文章主要介绍了微信小程序 后台https域名绑定和免费的https证书申请详解的相关资料,需要的朋友可以参考下
    2016-11-11
  • javascript数据类型之原始类型详解

    javascript数据类型之原始类型详解

    这篇文章主要为大家介绍了javascript数据类型之原始类型详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-06-06
  • Javascript使用integrity属性进行安全验证

    Javascript使用integrity属性进行安全验证

    这篇文章主要介绍了Javascript使用integrity属性进行安全验证,在html中,script标签可以通过src属性引入一个js文件,引入的js文件可以是本地的,也可以是远程的,下面我们一起来看看文章详细内容
    2021-11-11
  • 国庆节到了,利用JS实现一个生成国庆风头像的小工具 详解实现过程

    国庆节到了,利用JS实现一个生成国庆风头像的小工具 详解实现过程

    明天就是国庆节了,最近看到好多好友换了国庆风的头像,感觉这个挺有意思,就找到了类似的源码研究了一番,并进行了改造(并非原创,只是进行了改造,只要想分享一下实现思路)。下面就来看看如何实现一键生成国庆风头像小工具。​
    2021-09-09
  • 微信小程序 解决swiper不显示图片的方法

    微信小程序 解决swiper不显示图片的方法

    这篇文章主要介绍了微信小程序 解决swiper不显示图片的方法的相关资料,本文对swiper不显示图片,进行了几种方法排查,根据我所遇到的问题提供了该如何解决,需要的朋友可以参考下
    2017-01-01
  • electron 中 webview的使用示例解析

    electron 中 webview的使用示例解析

    这篇文章主要为大家介绍了electron 中 webview的使用示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02

最新评论