玩转微信小程序的位置授权

最新推荐文章于 2024-06-26 15:03:58 发布

qq_33404154

最新推荐文章于 2024-06-26 15:03:58 发布

阅读量541

点赞数 1

分类专栏：微信小程序

本文链接：https://blog.csdn.net/qq_33404154/article/details/104520263

版权

微信小程序专栏收录该内容

4 篇文章 0 订阅

订阅专栏

玩转微信小程序的位置授权

背景

日渐增多的小程序需求，必然会存在形色各异的授权问题。今天就来跟大家一起学习一下如何玩转小程序的位置授权

位置授权问题分类

并非必须允许授权：在第一次用户决策完成后都允许用户继续操作（并非完全依赖位置信息）
必须允许授权：只有授权才能使用（依赖位置信息的wx小程序）

分类剖析

1.针对需求分类1的情况，在这里就不多说，直接调用wx.getLocation就可以

2.只有授权才能继续使用的情况

App:用于描述整体程序，需要对应用添加地理位置授权，代码如下

App({
    config: {
        'permission': {
          'scope.userLocation': {
            'desc': '请开启位置授权' // 高速公路行驶持续后台定位
          }
        },
    }
})

Page: 处理位置信息的页面或者区域

wx.getLocation: 不多讲解，是小程序的api，使用方法以及实现效果如下

 Page({
     onLoad () {
         wx.getLocation({
             success: (res) => {}, // 成功的回调
             fail: (err) => {} // 失败的回调
         })
     }
 })

$invoke(‘LocationAuthModal’, showModal): 通过对LocationAuthModal组件中的方法直接调用，在页面中弹出提示弹窗，效果如下（LocationAuthModal组件是我们自定义的弹窗，并且在页面中引用）
Button(open-type=”openSetting” bindopensetting=callback): 小程序基础库2.3.0版本开始，用户发生点击行为后，才可以跳转打开setting页面，管理设置授权信息。在完成设置后，在callback中获取到授权auth进行处理：
```
<button  open-type="openSetting" @opensetting="callback">设置</button>
```
callback: 设置完成后的回调函数
setting: 小程序的设置
auth: 设置完成后获取到的设置授权信息
auth[“scope.userLocation”] = true：开启了位置授权的设置，可以直接通过wx.getLocation拿到位置信息
else: 仍未开启位置授权，那么根据我们的需求是不能继续让用户使用的，所以会继续执行$invoke(‘LocationAuthModal’, showModal)，强制提醒用户开启位置授权
suceeCallback: 成功获取位置后的回调函数，用来处理获取到微信知悉后的操作