vue3+ts+uniapp小程序封装获取授权hook函数

原创

已于 2023-09-12 17:03:40 修改 · 883 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #小程序 #typescript #vue

于 2023-09-12 17:02:47 首次发布

文章介绍了如何在Vue3和TypeScript的UniApp小程序中封装一个全局的授权提示函数，解决用户拒绝授权后不再弹出的问题，通过uni-appAPI实现授权请求和引导用户手动设置授权。

vue3+ts+uniapp小程序封装获取授权hook函数

小程序授权的时候，如果点击拒绝授权，然后就再也不会出现授权了，除非用户手动去右上角…设置打开

通过uni官方api自己封装一个全局的提示:
uni.getSetting :http://uniapp.dcloud.io/api/other/setting?id=getsetting
uni.authorize:http://uniapp.dcloud.io/api/other/authorize?id=authorize
uni.openSetting:https://uniapp.dcloud.net.cn/api/other/setting.html#opensetting

具体代码
src\composable\index.ts

/**
 * 授权综合逻辑
 * @param {*} scope 权限代表
 */
export const useShowPullAuth = () => {
   
   
  const pullAuth = (scope: keyof UniApp.AuthSetting): void => {
   
   
    const map: Record<string, string> = {
   
   
      'scope.userInfo': '用户信息',
      'scope.userLocation': '地理位置',
      'scope.userLocationBackground': '后台定位',
      's