html5定位不弹授权框,小程序地理位置授权，以及无法打开授权弹框的解决办法...

关于地理位置授权，因为不需要解密，也不需要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

}) // 最后，关闭是否确认授权提示框

)

)

这里面关于在最后关闭授权提示框，指的不是微信的授权框，指的是我个人弹出来的

我是先弹出了一个自定义的提示框，然后他确定同意要授权的时候，才真的去打开微信的授权，微信的授权弹框是自己会关闭，不需要我们去处理他。

标签：解决办法,地理位置,微信,param,弹框,res,授权,处理函数

来源： https://www.cnblogs.com/shapman/p/13172995.html