【uni-app】微信小程序定位授权与指引

原创

已于 2024-12-11 18:04:36 修改 · 1.1k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#前端

于 2024-12-11 18:00:32 首次发布

在微信小程序开发中，获取用户的地理位置是一项常见需求。出于隐私和安全的考虑，微信小程序需要经过用户授权才能获取其位置信息。本文将介绍微信小程序的定位授权功能。

技术栈：uni-app、Vue3（3.4.21）、TypeScript（4.9.5）、wot-design-uni（1.2.26）、UnoCSS（0.58.9）

实现步骤

检查定位权限

首先，我们需要确认小程序是否已获得用户的地理位置授权。可以通过 uni.getSetting 来获取用户的权限设置：

/** 是否已授权 */
  const checkLocationPermission = () => {
    return new Promise<void>((resolve, reject) => {
      uni.getSetting({
        success: (res) => {
          if (!res.authSetting['scope.userLocation']) {
            // 未请求过权限或权限被拒绝，可以发起权限请求
            requestLocationPermission()
            reject()
          } else {
            // 权限已经被授予
            resolve()
          }
        },
        fail: () => {
          uni.showToast({
            title: '获取设置失败