微信小程序如何优雅的申请权限

2020-05-11 04:47:55   前端

微信小程序使用一些系统功能或者获取私人信息前都要申请权限,如果用户拒绝之后,该功能则无法使用,且再次点击也不会再申请权限,需要用户到设置内开启权限,今天就介绍一下微信小程序如何优雅的申请权限

首先,应该在调用需要权限的api的时候,在success中执行正确的逻辑,在fail里面处理没有获取权限后的处理。

我先定义一个获取地址位置信息的函数

var getLocation = function () {
  return new Promise((resolve, reject) => {
      // 先正常获取location
    wxp.getLocation({ type: 'gcj02' }).then(res => {
      resolve(res)
    }).catch(err => {
      if (err.errMsg == "getLocation:fail auth deny" || err.errMsg == "getLocation:fail authorize no response") {
        // 权限问题
        permission.location().then(res => {
                  // 获取权限成功重新获取location
          wxp.getLocation({ type: 'gcj02' }).then(res => {
            resolve(res)
          })
        }).catch(err => {
          reject()
        })
      } else {
        // 其他问题
        reject()
      }
    })
  })
}

为了不让代码缩进太多 我把 permission.location() 单独拆出来用来单独处理没有获取权限后的问题

var _apply = function (scope = 'scope.userLocation', title = '是否授权', content = '请去设置授权,否则将导致功能无法使用') {
  return new Promise((resolve, reject) => {
    wx.getSetting({
      success: function (res) {
        var scopes = res.authSetting;
        if (!scopes[scope]) {
          // 申请去设置授权
          wx.showModal({
            title: title,
            content: content,
            success: function (e) {
              if (e.confirm) {
                wx.openSetting({
                  success: function (data) {
                    if (data.authSetting[scope] === true) {
                      // 获取授权成功
                      resolve()
                    } else {
                      //授权失败
                      reject()
                    }
                  },
                  fail: function (err) {
                    // 打开设置失败
                    reject()
                  }
                })
              } else {
                // 用户点了取消
                reject()
              }
            }
          })
        } else {
          resolve()
        }
      },
    })
  })
}

var location = function (title='需要获取您的地理位置', content='请去设置授权,否则将导致部分功能无法使用') {
  return _apply('scope.userLocation', title, content)
}

export default {
  location
}

如此以来,如果用户首次调用获取地理位置,如果他拒绝了,那么会提示用户是否去设置授权,确定后跳转设置,授权后返回继续执行后面的逻辑。

viencoding.com版权所有,允许转载,但转载请注明出处和原文链接: https://viencoding.com/article/267
欢迎小伙伴们在下方评论区留言 ~ O(∩_∩)O
文章对我有帮助, 点此请博主吃包辣条 ~ O(∩_∩)O

猜你喜欢


评论

There are no comments yet.
未登录

登录后即可发表评论

登录或注册

标签

AdSense Anaconda Android API apt Auth AWS B-tree Bandwagon Blog bower brew bytes Caffe Catalina cloudcone Composer conda CPU crontab CSS Cuda cv2 datetime Digitalocean DNS Docker Docker-Compose export Flask FTP GET Git GitHub Gmail GoDaddy Google GTM hash Homebrew Homestead HTML http HTTPS IDEA image imagemagick imagick imgick import InnoDB ios iPhone ISO8601 iTerm2 Java JPG Keras Laravel Laravel-Admin lazyload Linux list lnmp load logs Lravel Mac Markdown matplotlib md5 mix MobileNet Mojave mongo MongoDB MySQL Namesilo Nginx npm numpy Nvidia Nvidia-Docker onevps OpenCV Openpose Outline parse PayPal PHP php-fpm PhpStorm PHP扩展 PIL Pillow pip PNG POST Protobuf PyCharm pyenv pymongo Python Python,人工智能,机器学习,VOC,xml Queue Redis requests RGB save selenium SEO Shadowsock Shadowsocks ShadowsocksR simplemde Spring Boot SQLServer ssd SSH SSL证书 SSR str Sublime sudo swap Swift Tensorflow Terminal Terminator Ubuntu urllib UTC v2ray Valet Validation Validator VienBlog virtualenvs VPN VPS Vultr Web Windows WordPress Xcode yaml YUV zip zmq zsh 下载图片 云主机 云服务器 人工智能 优化 优惠码 伪原创 作弊与反作弊 免费ss账号 免费提现 切片 前端 加密 协议 博客 友链 双击事件 后台运行 后端 命令 图片操作 图片转换 域名 大小写转换 姿态检测 安卓模拟器 安装 定时任务 定时执行 导出导入 小程序码 延迟加载 微信小程序 慢查询 懒加载 提现 搜索引擎 搬瓦工 搭梯子 教程 数据库 文件上传 无法登录 日志 日期 时区 时间 时间戳 服务器 机器学习 权限 梯子 模拟浏览器 港版支付宝 爬虫 生活服务 科学上网 系统升级 索引 组件开发 编辑器 自动付款 英文伪原创 计划任务 计算机视觉 语法 远程连接 配置文件 重定向 错误异常 错误提示 队列 阿里云 香港 香港手机号
亲情非友情链接