需求
小程序上如果需要一些定位功能,那么我们需要提前获取定位权限。我们页面的所有功能后续都需要在用户同意的前提下进行,所以一旦用户点了拒绝,我们应该给予提示,并让用于修改为允许。
实现
1.打开手机GPS
经过测试发现即使手机GPS没有打开,小程序依旧可以获取定位信息。所以这一步可以省略。
const { locationEnabled } = uni.getSystemInfoSync()
if (!locationEnabled) {uni.showToast({title: '该功能需要手机定位,请打开手机定位后重新进入!',})return
}
2.获取小程序定位权限
- 首先我们检查用户是否开启了该权限
因为抽离成了公共方法,所以会复杂一些,主要就是调用//传一个权限key,则返回true,false判断是否有该权限 //传一个权限key的数组,返回没有打开的权限列表 export async function authIsPass (authValue: string | string[]) {try {const res = await new Promise((resolve, reject) => {uni.getSetting({success: (res) => {resolve(res)},fail: (err) => {reject(err)},})})const { authSetting }: any = resif (typeof authValue === 'string') {if (authSetting[authValue]) {return true} else {return false}}if (Array.isArray(authValue)) {let noPassList: string[] = authValue.filter((key: string) => !authSetting[key])if (noPassList.length > 0) {return noPassList} else {return []}}} catch (err) {return false} }
uni.getSetting
获取到所有的设置权限,然后判断自己所需要的权限是否开启。
3.进行权限获取
uni.authorize({scope: 'scope.userLocation',fail: (res) => {uni.showModal({title: '使用该功能必须允许位置服务,是否重新授权?',showCancel: false,success: ({ confirm }) => {if (confirm) {uni.openSetting({success() {//重新获取权限并判断console.log('开启权限成功')},fail() {console.log('开启权限失败')},})}},})},success: () => {//重新获取权限并判断},
})
上面代码主要依靠uni.showModal
方法进行权限获取,如果你之前拒绝过该权限,则直接走fail
回调,如果同意则走success
回调。拒绝之前使用uni.showModal
进行权限提示,并且在确定按钮绑定uni.openSetting
方法重新进行权限设置。
完整逻辑
const setLocationAuth = async () => {// 判断用户是否获取定位权限//authIsPass方法就是上面步骤2的方法const flag = await authIsPass('scope.userLocation')if (!flag) {uni.authorize({scope: 'scope.userLocation',fail: (res) => {uni.showModal({title: '使用该功能必须允许位置服务,是否重新授权?',showCancel: false,success: ({ confirm }) => {if (confirm) {uni.openSetting({success() {setLocationAuth()console.log('开启权限成功')},fail() {console.log('开启权限失败')},})}},})},success: () => {setLocationAuth()},})return}//获取到定位权限后的操作
}
setLocationAuth()
上面方法,是在vue3 + ts的环境执行的。进入页面就会立即执行setLocationAuth
方法,然后走获取权限的逻辑。如果用户点击拒绝则会弹出提醒,用户点击确定按钮后会跳到权限设置页面进行重新设置。无论他选择了允许还是不允许,重新回到页面都会重新执行setLocationAuth
方法,再次进行判断。