小程序 授权请求处理流程

小程序 授权请求处理流程

1、app.js或者page.js的onLoad函数中

初始设置权限授权，只是执行权限授权，不执行权限对应的接口

wx.authorize 提前向用户发起授权请求。调用后会立刻弹窗询问用户是否同意授权小程序使用某项功能或获取用户的某些数据，但不会实际调用对应接口。如果用户之前已经同意授权，则不会出现弹窗，直接返回成功。

wx.getSetting({
  success(res) {
    if (!res.authSetting['scope.userLocation']) { 
      wx.authorize({// 在首次使用时弹出提示，首次授权失败，此方法后边都会执行fail方法
        scope: 'scope.userLocation',
        success() {
             // 授权之后操作
        }
      })
    } else {
     // 有权限时操作
    }
  }
})

2、app.json==初始设置权限授权对应的语句

"permission": {
  "scope.address":{
    "desc": "是否授权通讯地址，对应接口 wx.chooseAddress"
  },
  "scope.userLocation": {
    "desc": "你的位置信息将用于小程序位置接口的效果展示"
  }
},

3-js文件中，调用对应的应用接口时

函数调用时1先判断是否 已经打开权限设置2 如果没有并且是第一次调用

 /** 位置选择 */
  chooseLocation: function () {
    let that = this;
    wx.getSetting({
      success(res) {
        //这里判断是否有位置权限
        if (res.authSetting['scope.userLocation']) {
          that.setLocation();
        } else {
          wx.authorize({
            scope: 'scope.userLocation',
            success(res) {
              that.setLocation();
            }, 
            fail(res) {
              wx.showModal({
                title: '提示',
                content: '请求获取位置权限',
                success: function (res) {
                  if (res.confirm == false) {
                    return false;
                  }
                  wx.openSetting({
                    success(res) {
                      if (!res.authSetting['scope.userLocation']) {
                        wx.showToast({
                          title: '需要获取位置信息，请重新设置',
                          icon: 'none'
                        })
                      } else {
                        that.setLocation();
                      }
                    }
                  })
                }
              })
            }
          })
        }
      }
    })
  },
  /**设置选择位置 */
  setLocation: function () {
    let that = this;
    wx.chooseLocation({
      success: function (res) {
        that.setData({
          longitude: res.longitude,
          latitude: res.latitude,
        })
      }
    })
  },