微信小程序开发问答《五十四》同步请求授权 & 用户拒绝授权,重新调起授权 ... ...
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、用户拒绝授权,重新调起授权
作者:老邓头
onLoad: function (options) {console.log("onLoad=====");var that=this;wx.getUserInfo({success:function(res){var userInfo = res.userInfo;that.setData({nickName: userInfo.nickName,avatarUrl: userInfo.avatarUrl,})},fail:function(){wx.showModal({title: '警告',content: '您点击了拒绝授权,将无法正常显示个人信息,点击确定重新获取授权。',success:function(res){if (res.confirm){wx.openSetting({success: (res) => {if (res.authSetting["scope.userInfo"]){////如果用户重新同意了授权登录wx.getUserInfo({success:function(res){var userInfo = res.userInfo;that.setData({nickName:userInfo.nickName,avatarUrl:userInfo.avatarUrl,})}})}},fail:function(res){}})}}})}, complete: function (res){}})}



微信小程序开发问答《五十四》同步请求授权 & 用户拒绝授权,重新调起授权 ... ...的更多相关文章
- 微信小程序把玩(三十四)Audio API
原文:微信小程序把玩(三十四)Audio API 没啥可值得太注意的地方 重要属性: 1. wx.getBackgroundAudioPlayerState(object) 获取播放状态 2.wx.p ...
- 微信小程序把玩(二十四)toast组件
原文:微信小程序把玩(二十四)toast组件 toast消息提示框,可用在提示一些信息,比如清楚缓存给用户一个友好的提示!或操作一些请求不想让用户有什么操作,toast也可以做到因为toast显示时其 ...
- 微信小程序开发系列五:微信小程序中如何响应用户输入事件
微信小程序开发系列教程 微信小程序开发系列一:微信小程序的申请和开发环境的搭建 微信小程序开发系列二:微信小程序的视图设计 微信小程序开发系列三:微信小程序的调试方法 微信小程序开发系列四:微信小程序 ...
- 微信小程序开发(五)开发框架MINA
微信团队为小程序提供的框架命名为MINA应用框架.MINA框架通过封装微信客户端提供的文件系统.网络通信.任务管理.数据安全等基础功能,对上层提供一整套JavaScript API,让开发者能够非常方 ...
- 微信小程序开发《二》:http请求的session管理
作为一个开发JavaWeb应用的程序猿,都喜欢将用户登录后的用户信息(比如说用户id,用户名称)放入session中保存,之后在业务逻辑的开发中需要用到用户信息的时候就可以轻松又方便的从session ...
- 微信小程序开发之大坑记之post请求
原文:http://blog.csdn.net/walkingmanc/article/details/54237961 在微信小程序开发过程中,如果你完全按照官方文档来,那么恭喜你,90%的可能性你 ...
- 微信小程序开发入门教程(四)---自己动手做个小程序
前面已将基础知识准备的差不多了,下面实际做一个小程序. 一.目标 用于上传照片和文字. 2个主要页面:我me,设置set 二.开始制作 1.打开微信开发者工具(我用的1.02.1907160 Wind ...
- 微信小程序开发(五)数据绑定
承接上篇博客. // index.js Page({ data: { time: (new Date()).toString(), addr: "北京" }, but: funct ...
- 微信小程序开发,服务器端获取不到请求参数
微信的request请求请求方式为 GET 时,可以在后台获取到请求的参数 userName 当为POST请求时则获取不到 userName 参数 解决方案是 在 设置一下 headers 里添加 ' ...
随机推荐
- [IR] String Matching
BWT KMP Boyer-Moore BWT [IR] BWT+MTF+AC 中已经介绍了BWT (Burrows–Wheeler_transform)数据转换算法, 这种变换方式不仅方便压缩,同时 ...
- js扩展父类方法
在网上找了很多一直没找到关于JS扩展父类的方法,让我很是郁闷啊~要是真的开发组遇到了该咋整,于是乎自己手写了一些测试代码,没想到通过了……(难道是人品太好了?)废话不多说了直接上代码看看~ <s ...
- 在VMware上安装ubuntu,并且SecureCRT远程连接
工具: VMware:VMware-workstation-full_12.5.5.17738.exe Ubuntu镜像:ubuntu-16.04-server-amd64.iso 远程连接工具-- ...
- Android网络请求框架AsyncHttpClient实例详解(配合JSON解析调用接口)
最近做项目要求使用到网络,想来想去选择了AsyncHttpClient框架开进行APP开发.在这里把我工作期间遇到的问题以及对AsyncHttpClient的使用经验做出相应总结,希望能对您的学习有所 ...
- Cordova各个插件使用介绍系列(一)—$cordovaSms发送短信
详情链接地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/cordova-1-cordovasms/ 这是调用手机发送短信的插件 ...
- javaScript的一些奇妙动画
今天我给大家讲一下JavaScript中的显示隐藏.淡入淡出的效果 显示与隐藏动画效果 show()方法: show()方法会动态地改变当前元素的高度.宽度和不透明度,最终显示当前元素,此时 ...
- .Net WebApi基本操作
一.服务端 1.新建webapi项目 2.配置WebApiConfig public const string DEFAULT_ROUTE_NAME = "DB";// DB指数据 ...
- 【解决】安装compass失败(gem install compass)
原始日期:2016-01-25 16:26 这个问题比较常见. 很多人在安装ruby后再使用gem install compass命令安装compass,发现安装失败. [解决方法:] / ...
- linux环境下创建和删除软链接
ln -s /home/zhenwx/htccode-v1/ /home/zhenwx/htccode 建立/home/zhenwx/htccode-v1 的软连接 linux下的软链接类似于wind ...
- [leetcode-506-Relative Ranks]
Given scores of N athletes, find their relative ranks and the people with the top three highest scor ...