1、同步请求授权

需求分析: 
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指定的权限.

2、用户拒绝授权,重新调起授权

作者:老邓头

 
  1. onLoad: function (options) {
  2. console.log("onLoad=====");
  3. var that=this;
  4. wx.getUserInfo({
  5. success:function(res){
  6. var userInfo = res.userInfo;
  7. that.setData({
  8. nickName: userInfo.nickName,
  9. avatarUrl: userInfo.avatarUrl,
  10. })
  11. },fail:function(){
  12. wx.showModal({
  13. title: '警告',
  14. content: '您点击了拒绝授权,将无法正常显示个人信息,点击确定重新获取授权。',
  15. success:function(res){
  16. if (res.confirm){
  17. wx.openSetting({
  18. success: (res) => {
  19. if (res.authSetting["scope.userInfo"]){////如果用户重新同意了授权登录
  20. wx.getUserInfo({
  21. success:function(res){
  22. var userInfo = res.userInfo;
  23. that.setData({
  24. nickName:userInfo.nickName,
  25. avatarUrl:userInfo.avatarUrl,
  26. })
  27. }
  28. })
  29. }
  30. },fail:function(res){
  31. }
  32. })
  33. }
  34. }
  35. })
  36. }, complete: function (res){
  37. }
  38. })
  39. }

微信小程序开发问答《五十四》同步请求授权 & 用户拒绝授权,重新调起授权 ... ...的更多相关文章

  1. 微信小程序把玩(三十四)Audio API

    原文:微信小程序把玩(三十四)Audio API 没啥可值得太注意的地方 重要属性: 1. wx.getBackgroundAudioPlayerState(object) 获取播放状态 2.wx.p ...

  2. 微信小程序把玩(二十四)toast组件

    原文:微信小程序把玩(二十四)toast组件 toast消息提示框,可用在提示一些信息,比如清楚缓存给用户一个友好的提示!或操作一些请求不想让用户有什么操作,toast也可以做到因为toast显示时其 ...

  3. 微信小程序开发系列五:微信小程序中如何响应用户输入事件

    微信小程序开发系列教程 微信小程序开发系列一:微信小程序的申请和开发环境的搭建 微信小程序开发系列二:微信小程序的视图设计 微信小程序开发系列三:微信小程序的调试方法 微信小程序开发系列四:微信小程序 ...

  4. 微信小程序开发(五)开发框架MINA

    微信团队为小程序提供的框架命名为MINA应用框架.MINA框架通过封装微信客户端提供的文件系统.网络通信.任务管理.数据安全等基础功能,对上层提供一整套JavaScript API,让开发者能够非常方 ...

  5. 微信小程序开发《二》:http请求的session管理

    作为一个开发JavaWeb应用的程序猿,都喜欢将用户登录后的用户信息(比如说用户id,用户名称)放入session中保存,之后在业务逻辑的开发中需要用到用户信息的时候就可以轻松又方便的从session ...

  6. 微信小程序开发之大坑记之post请求

    原文:http://blog.csdn.net/walkingmanc/article/details/54237961 在微信小程序开发过程中,如果你完全按照官方文档来,那么恭喜你,90%的可能性你 ...

  7. 微信小程序开发入门教程(四)---自己动手做个小程序

    前面已将基础知识准备的差不多了,下面实际做一个小程序. 一.目标 用于上传照片和文字. 2个主要页面:我me,设置set 二.开始制作 1.打开微信开发者工具(我用的1.02.1907160 Wind ...

  8. 微信小程序开发(五)数据绑定

    承接上篇博客. // index.js Page({ data: { time: (new Date()).toString(), addr: "北京" }, but: funct ...

  9. 微信小程序开发,服务器端获取不到请求参数

    微信的request请求请求方式为 GET 时,可以在后台获取到请求的参数 userName 当为POST请求时则获取不到 userName 参数 解决方案是 在 设置一下 headers 里添加 ' ...

随机推荐

  1. TypeScript 零基础入门

    前言 2015 年末看过一篇文章<ES2015 & babel 实战:开发 npm 模块>,那时刚接触 ES6 不久,发觉新的 ES6 语法大大简化了 JavaScript 程序的 ...

  2. MyBatis源码分析之环境准备篇

    前言 之前一段时间写了[Spring源码分析]系列的文章,感觉对Spring的原理及使用各方面都掌握了不少,趁热打铁,开始下一个系列的文章[MyBatis源码分析],在[MyBatis源码分析]文章的 ...

  3. Redis 集群搭建详细指南

    先有鸡还是先有蛋? 最近有朋友问了一个问题,说毕业后去大城市还是小城市?去大公司还是小公司?我的回答都是大城市!大公司! 为什么这么说呢,你想一下,无论女孩男孩找朋友都喜欢找个子高胸大的.同样的道理嘛 ...

  4. 每天一个JS 小demo之树菜单。主要知识点:DOM方法综合运用,递归运用

    <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"& ...

  5. [转] .NET领域驱动设计—初尝(原则、工具、过程、框架)

    阅读目录: 1.原则 1.1.精简聚合 1.2.分离用例与接口功能(设计模式的用武之地) 2.工具.框架.组件 3.过程 1]原则 原则对于任何一项技术实现来说都是至关重要的,在设计某一个系统功能的时 ...

  6. 解决Yii2邮件发送问题(结果返回成功,但接收不到邮件)

    刚刚用了一下yii邮件发送功能,虽然结果返回成功,但接收不到邮件.配置文件代码如下: 'components' => [ 'db' => [ 'class' => 'yii\db\C ...

  7. nginx常用配置系列-HTTPS配置

    接上篇,nginx配置系列 HTTPS现在已经很流行,特别是AppStore上线的应用要求使用HTTPS进行通信,出于安全考虑也应该使用HTTPS,HTTPS配置需要准备证书文件,现在也有很多免费证书 ...

  8. 【Android Developers Training】 47. 序言:拍摄照片

    注:本文翻译自Google官方的Android Developers Training文档,译者技术一般,由于喜爱安卓而产生了翻译的念头,纯属个人兴趣爱好. 原文链接:http://developer ...

  9. 11.page,pagcontext,config对象

  10. 用php+mysql+ajax实现淘宝客服或阿里旺旺聊天功能 之 后台页面

    在上一篇随笔中,我们已经看了如何实现前台的对话功能:前台我限定了店主只有一人,店铺只有一个,所有比较单一,但后台就不一样了,而后台更像是我们常见的聊天软件:当然,前台也应该实现这种效果,但原理懂了,可 ...