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


Posted in Javascript onAugust 04, 2017

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

需求分析:

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 相关文章推荐
jquery蒙版控件实现代码
Dec 08 Javascript
jQuery获得内容和属性方法及示例
Dec 02 Javascript
CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法
May 12 Javascript
jQuery实现延迟跳转的方法
Jun 05 Javascript
angular-ui-sortable实现可拖拽排序列表
Dec 28 Javascript
Vue实例简单方法介绍
Jan 20 Javascript
基于jquery.page.js实现分页效果
Jan 01 jQuery
浅谈webpack打包之后的文件过大的解决方法
Mar 07 Javascript
解决低版本的浏览器不支持es6的import问题
Mar 09 Javascript
微信小程序云开发之使用云函数
May 17 Javascript
vue+iview分页组件的封装
Nov 17 Vue.js
原生JS实现音乐播放器的示例代码
Feb 25 Javascript
微信小程序 转发功能的实现
Aug 04 #Javascript
Vue计算属性的使用
Aug 04 #Javascript
JS+Ajax实现百度智能搜索框
Aug 04 #Javascript
vue插件vue-resource的使用笔记(小结)
Aug 04 #Javascript
分享Bootstrap简单表格、表单、登录页面
Aug 04 #Javascript
vue-cli项目如何使用vue-resource获取本地的json数据(模拟服务端返回数据)
Aug 04 #Javascript
使用jQuery实现鼠标点击左右按钮滑动切换
Aug 04 #jQuery
You might like
php生成文件
2007/01/15 PHP
在同一窗体中使用PHP来处理多个提交任务
2008/05/08 PHP
PHP面向对象程序设计实例分析
2016/01/26 PHP
PHP策略模式定义与用法示例
2017/07/27 PHP
thinkphp5框架前后端分离项目实现分页功能的方法分析
2019/10/08 PHP
PHP 代码简洁之道(小结)
2019/10/16 PHP
使用IE的地址栏来辅助调试Web页脚本
2007/03/08 Javascript
JS 控制非法字符的输入代码
2009/12/04 Javascript
Javascript load Page,load css,load js实现代码
2010/03/31 Javascript
JavaScript Tips 使用DocumentFragment加快DOM渲染速度
2010/06/28 Javascript
javascript获取当前日期时间及其它操作函数
2011/01/11 Javascript
jQuery基于排序功能实现上移、下移的方法
2016/11/26 Javascript
基于JavaScript实现右键菜单和拖拽功能
2016/11/28 Javascript
浅谈JavaScript的函数及作用域
2016/12/30 Javascript
微信小程序封装http访问网络库实例代码
2017/05/24 Javascript
微信小程序之几种常见的弹框提示信息实现详解
2019/07/11 Javascript
使用easyui从servlet传递json数据到前端页面的两种方法
2019/09/05 Javascript
基于javascript的无缝滚动动画1
2020/08/07 Javascript
Python 实现简单的电话本功能
2015/08/09 Python
python通过elixir包操作mysql数据库实例代码
2018/01/31 Python
将Dataframe数据转化为ndarry数据的方法
2018/06/28 Python
Python退火算法在高次方程的应用
2018/07/26 Python
python如何获取当前文件夹下所有文件名详解
2019/01/25 Python
Python生命游戏实现原理及过程解析(附源代码)
2019/08/01 Python
如何在Django配置文件里配置session链接
2019/08/06 Python
Django RBAC权限管理设计过程详解
2019/08/06 Python
python 接口实现 供第三方调用的例子
2019/08/13 Python
Django2 连接MySQL及model测试实例分析
2019/12/10 Python
Pycharm插件(Grep Console)自定义规则输出颜色日志的方法
2020/05/27 Python
pytho matplotlib工具栏源码探析一之禁用工具栏、默认工具栏和工具栏管理器三种模式的差异
2021/02/25 Python
html5绘制时钟动画
2014/12/15 HTML / CSS
Luxplus瑞典:香水和美容护理折扣
2018/01/28 全球购物
英国第一职业高尔夫商店:Clickgolf.co.uk
2020/11/18 全球购物
员工保密协议书
2014/09/27 职场文书
先进教师个人总结
2015/02/11 职场文书
教师网络培训心得体会
2016/01/09 职场文书