小程序模板网

微信小程序开发问答《五十四》同步请求授权 & 用户拒绝授权,重新调起授权

需求分析:1.在小程序首次打开的时候,我需要同时请求获取多个权限,由用户逐一授权。()问题分析:1. wx.authorize接口同时调用,请求多个权限,由于异步原因,将授权请求一并发出,显然不符合要求。2. promise能很 ...

 
 
 

1、同步请求授权

作者: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 }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
//  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
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33

分析求解:  1.代码中问题1写法过于笨,但是尝试通过循环方式调用写法,又不知道如何处理回调问题。  2.wx.authorize接口,success参数官方给出的解释是(接口调用成功的回调函数),其实不然,实际上是接口调用成功,并且获取到了scope指定的权限.

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

作者:老邓头

 

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



易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/18248.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询