小程序地理位置授权，以及无法打开授权弹框的解决办法 |
您所在的位置：网站首页 › 微信小程序授权地理定位 › 小程序地理位置授权，以及无法打开授权弹框的解决办法 |
小程序地理位置授权，以及无法打开授权弹框的解决办法
|
关于地理位置授权，因为不需要解密 和 sessionKey，所以步骤其实挺简单的，下面我想着重的解释一下每一个步骤中涉及的代码的意思。 1、检查是否授权地理位置 关于这一步，我觉得还是需要的，如果直接一上来就 wx.getLocation 的话，我个人是觉得太粗暴了，这不太符合程序员的思维逻辑。 /** * 客户是否已经授权地理位置 * @param {Function} handlerAlready 已经授权的处理函数 * @param {Function} handlerNone 未授权的处理函数 */ function whetherTheLocationIsAuthorized(handlerAlready = () => { }, handlerNone = () => { }) { wx.getSetting({ success(res) { if (res.authSetting['scope.userLocation'] != undefined && res.authSetting['scope.userLocation'] == true) handlerAlready() // 已经授权地理位置 else handlerNone() }, fail : res => handlerNone() }) }这里我是把他封装成了一个函数，而里面的核心就是 res.authSetting['scope.userLocation'] getSetting可以拿到设置里的所有参数，即下图中这个东西：
像现在图片中这种情况，就是一共配置了两种授权，一种是位置授权，还一种是个人信息授权。 如果要检查是否授权个人信息，其实就只是说，把 res.authSetting['scope.userLocation'] 改成 res.authSetting['scope.userInfo']) 2、使用 wx.getLocation 开启微信授权提示 /** * 获取客户的地理位置信息 * @param {Function} handlerSuccess 获取成功的处理函数 * @param {Function} handlerFail 获取失败的处理函数 * @param {Function} handlerFinally 不论失败成功最后都会执行的处理函数 */ function getCustomerLocationInfo(handlerSuccess = data => { }, handlerFail = data => { }, handlerFinally = () => { }) { wx.getLocation({ success: res => handlerSuccess(res), fail: res => handlerFail(res), complete: () => handlerFinally() }) } /** * 打开地理位置授权 * @param {Function} handlerSuccess 授权成功的处理函数 * @param {Function} handlerFail 授权失败的处理函数（用户取消授权，或者出错） * @param {Function} handlerFinally 不论失败成功最后都会执行的处理函数 */ function customerLocationAuthrization(handlerSuccess = data => { }, handlerFail = data => { }, handlerFinally = () => { }) { this.getCustomerLocationInfo(handlerSuccess, failInfo => { // 微信位置授权打开失败 console.log(failInfo) /* 直接打开设置页面，让用户自己手动的把位置授权打开 */ wx.openSetting({ success: res => { if (res.authSetting['scope.userLocation'] == true) handlerSuccess(res) // 同意授权地理位置 else handlerFail(res) }, fail: res => handlerFail(res) // 设置界面打开失败 }) },() => handlerFinally()) } 这里我是把代码逻辑拆成了两个，这个代码看起来可能会有点绕，但其实，他是分别对应了两种场景。 getCustomerLocationInfo 是当你通过 getSetting 知道了用户已经授权地理位置的时候调用的。 而另外一个 customerLocationAuthrization 则是已经知道了用户未授权时的一个开启授权的流程。 3、当无法正常打开微信授权的时候的处理办法 在微信开发工具的模拟器里，当你在第一次弹出地理位置授权的时候如果选择了拒绝的话，那从第二次起，会出现打不开地理位置授权的情况。 目前我在真机调试的时候，就有碰到这种情况。
解决办法就是上面的 customerLocationAuthrization 函数里的 openSetting 的处理。如果打不开微信授权，则直接进入设置页面，让用户手动设置位置权限。 4、实际使用 把上面三个函数封装到一个js文件中，然后在文件尾部使用 exports 导出。 module.exports = { whetherTheLocationIsAuthorized: whetherTheLocationIsAuthorized, getCustomerLocationInfo: getCustomerLocationInfo, customerLocationAuthrization: customerLocationAuthrization, }在某一个页面中引入js文件 const wxAuthrizeTool = require('../../utils/wxAuthrize.js')然后代码中具体使用 let that = this; wxAuthrizeTool.whetherTheLocationIsAuthorized( () => that.backHome(), // 已授权 () => wxAuthrizeTool.customerLocationAuthrization( // 未授权，打开微信授权面板 succRes => { //授权成功 getApp().globalData.hasAuthorativeAddress = true // 全局变量，是否已经授权地理位置 that.backHome() }, failRes => { },// 未授权地理位置成功 () => that.setData({ showMandate: false }) // 最后，关闭是否确认授权提示框 ) )这里面关于在最后关闭授权提示框，指的不是微信的授权框，指的是我个人弹出来的 我是先弹出了一个自定义的提示框，然后他确定同意要授权的时候，才真的去打开微信的授权，微信的授权弹框是自己会关闭，不需要我们去处理他。
|
【本文地址】