当前位置： 首页 > news >正文

vue3+ts+uniapp 微信小程序（第一篇）—— 微信小程序定位授权，位置信息权限授权

news 来源：原创 2025/6/17 3:47:43

文章目录

    • 简介
    • 一、先看效果
        • 1.1 授权定位前，先弹出隐私协议弹框
        • 1.2 上述弹框点击同意，得到如下弹框
          • 1.3 点击三个点，然后点设置
        • 1.4 在1.2步骤下，无论同意或者拒绝
    • 二、manifest.json 文件配置
    • 三、微信公众平台配置
        • 3.1 登录进入微信公众平台，点击账号设置
        • 3.2 去完善隐私协议
        • 3.3 填写需要的用户权限
        • 3.4 提交审核
    • 四、代码实现
        • 4.1 通过代码调起隐私协议和定位授权
        • 4.2 使用位置信息处逻辑

简介

开发工具：VsCode
技术栈：vue3 + Ts + uni-app
简介：图文结合，十分钟带你搞定微信小程序如何授权定位
注意：最核心的代码在步骤四

一、先看效果

1.1 授权定位前，先弹出隐私协议弹框

在这里插入图片描述

1.2 上述弹框点击同意，得到如下弹框

在这里插入图片描述

1.3 点击三个点，然后点设置

在这里插入图片描述

1.4 在1.2步骤下，无论同意或者拒绝

注：uni.openSetting 即可引导用户跳转此页面，详情参考官方文档
在这里插入图片描述

二、manifest.json 文件配置

找到项目中的 manifest.json 文件，在 mp-weixin 中配置如下代码
注 ：若是 unibest 项目，则在 manifest.ts 文件中进行配置

  "mp-weixin": {// ... 其他代码"requiredPrivateInfos": ["getLocation"],"permission": {"scope.userLocation": {"desc": "你的位置信息将用于小程序位置接口的效果展示"},}// ... 其他代码},

三、微信公众平台配置

微信公众平台官网：https://mp.weixin.qq.com/

3.1 登录进入微信公众平台，点击账号设置

在这里插入图片描述

3.2 去完善隐私协议

在这里插入图片描述

3.3 填写需要的用户权限

在这里插入图片描述

3.4 提交审核

在这里插入图片描述

四、代码实现

4.1 通过代码调起隐私协议和定位授权

进入系统，调用过此代码之后，即可获得1.4步骤的页面

/*** 点击授权定位*/
const handleLocation = () => {uni.getLocation({success: function (res) {console.log('res', res)},fail: function (res) {console.log('res', res)},})
}
4.2 使用位置信息处逻辑

注：我用的 message.comfirm 是 wot design ui 的组件。你们可用 uni.showModal去代替

uni.getSetting({success: function (res) {const statue = res.authSettingif (!statue['scope.userLocation']) {// 若未授权摄像头message.confirm({msg: '请授权小程序位置信息权限，以便XXXXX',title: '温馨提示',confirmButtonText: '授权',cancelButtonText: '取消',}).then(() => {// 点击确认，开始判断位置服务权限信息uni.openSetting({success: function (data) {if (data.authSetting['scope.userLocation']) {toast.success('授权成功')resolve(data)} else {toast.warning('授权失败')reject(error)}},fail(e) {reject(e)},})}).catch(() => {console.log('点击了取消按钮')})} else {// 若已授权console.log('存在权限')resolve(res)}},fail: function (res) {reject(res)toast.error('调用授权窗口失败')},
})

相关文章：

vue3+ts+uniapp 微信小程序（第一篇）—— 微信小程序定位授权，位置信息权限授权

文章目录 简介一、先看效果1.1 授权定位前，先弹出隐私协议弹框1.2 上述弹框点击同意，得到如下弹框1.3 点击三个点，然后点设置 1.4 在1.2步骤下，无论同意或者拒绝 二、manifest.json 文件配置三、微信公众平台配置3.1 登录进入微信…...

编程日记 2025/6/4 9:49:02

在Playwright中使用PO模式

1.新建项目 安装库 npm init -y npm install -D playwright npm install -D playwright/test npm install typescript ts-node types/node npx playwright install 项目目录 2.编写代码 package.json {"name": "pom_playwright","version": …...

编程日记 2025/6/4 1:29:10

三台 Centos7.9 中 Docker 部署 Redis 哨兵模式

三台 Centos7.9 中 Docker 部署 Redis 哨兵模式 1. 环境规划2. 配置 Docker Compose3. 配置 Redis 密码和持久化4. 配置哨兵5. 启动服务6. 验证 Redis 哨兵模式7. 注意事项 1. 环境规划 三台服务器的角色分配如下： IP Address容器端口角色192.168.15.128redis-mas…...

编程日记 2025/5/30 18:06:32

JSON数据格式的序列化和反序列化jackson针对首字母小学的字段返回序列化后第2个大写字母也变成小写的问题处理

SpringBoot类属性”第二个字母大写“反序列化问题。key第二个字母大写会被转成小写 , 这个为 jackson 的bug。 后台 : String pName; public String getPName() { return pName; } 前台 : { pname : xxx } 解决方案： 使用JsonProperty("pName")…...

编程日记 2025/5/28 5:35:54

Android wifi列表中去自身的热点

Android wifi列表中去自身的热点 一、前言 Android wifi列表中能搜索到自身的热点wifi？ 正常手机上都不会出现这个问题；可能是系统底层已经做了过滤处理。 现实开发中Android设备的Wifi能搜索到自身热点也可能会存在。 比如基于两个单独的wifi双模组硬…...

编程日记 2025/6/2 4:33:02

Elasticsearch：Jira 连接器教程第二部分 - 6 个优化技巧

作者：来自 Elastic Gustavo Llermaly 将 Jira 连接到 Elasticsearch 后，我们现在将回顾最佳实践以升级此部署。 在本系列的第一部分中，我们配置了 Jira 连接器并将对象索引到 Elasticsearch 中。在第二部分中，我们将回顾一些最佳实…...

编程日记 2025/5/31 18:06:06

单线性激光扫描、多线性激光扫描？激光扫描三维重建算法环节

分类 都属于激光扫描技术，但它们在光源的数量和工作方式上存在一些差异。 单线性激光扫描： 单线性激光扫描使用单个线状光源进行扫描。光源沿一个方向移动，将一条直线上的目标进行扫描。这种方式适用于需要获取目标表面在一个维度上的信息的…...

编程日记 2025/6/2 0:20:01

git 常用命令 git archive

git archive 是 Git 中用于创建一个包含指定提交或分支中所有文件的归档文件（如 .tar 或 .zip）的命令。这个命令非常适合用于分发项目快照、备份代码库或导出特定版本的文件。 git archive --formatzip --outputproject.zip HEAD …...

编程日记 2025/6/2 19:05:16

CMD批处理命令入门（6）——常用的特殊字符

CMD批处理命令入门（6）——特殊字符 本章内容主要学习要点：重定向符 >、>>命令管道符 |组合命令 &、&&、||转义字符 ^变量引导符 %界定符 "" 本章内容主要学习要点： >、>>重定向符| 命令…...

编程日记 2025/5/31 8:32:02

大模型WebUI：Gradio全解11——Chatbot：融合大模型的多模态聊天机器人（6）

大模型WebUI：Gradio全解11——Chatbot：融合大模型的多模态聊天机器人（6） 前言本篇摘要11. Chatbot：融合大模型的多模态聊天机器人11.6 为LLM Agent构建UI11.5.1 使用代理构建1. 使用transformers.agents的实际示例2. 使…...

编程日记 2025/6/3 20:57:41

【算法】前缀和

前缀和 1.【模板】前缀和2.最大子段和3.【模板】二维前缀和4.激光炸弹 前缀的核心思想是预处理，可以在暴力枚举的过程中，快速查询出某一段区间内的和，从而优化时间复杂度。是经典的用空间替换时间的做法。 1.【模板】前缀和 【模板】前缀和…...

编程日记 2025/6/1 19:39:50

android Recyclerview viewholder统一封装

Recyclerview holder 统一封装 ViewHolder类 import android.annotation.SuppressLint import android.content.Context import android.graphics.Color import android.graphics.drawable.GradientDrawable import android.os.Build import android.os.CountDownTimer import…...

编程日记 2025/6/3 16:14:15

【Linux系统】Ext系列磁盘文件系统二：引入文件系统（续篇）

inode 和 block 的映射 该博文中有详细解释：【Linux系统】inode 和 block 的映射原理 目录与文件名 这里有几个问题： 问题一： 我们访问文件，都是用的文件名，没用过 inode 号啊？ 之前总是说可以通过一个…...

编程日记 2025/5/30 4:47:22

为AI聊天工具添加一个知识系统 之46 蒙板程序设计（第一版）：Facet六边形【意识形态：操纵】

本文要点 要点 (原先标题冒号后只有 “Facet”后改为“Face六边形【意识形态】” ，是 事后想到的，本文并未明确提出。备忘在这里作为后续的“后期制作”的备忘) 前面讨论的（“之41 纯粹的思维”）中 说到，“意识”三…...

编程日记 2025/6/2 13:39:33

Vue.js组件开发-如何处理跨域请求

在Vue.js组件开发中，处理跨域请求（CORS，即跨来源资源共享）通常不是直接在Vue组件中解决的，而是需要后端服务器进行相应的配置，以允许来自不同源的请求。不过，前端开发者也需要了解一些基本的COR…...

编程日记 2025/5/31 17:09:37

unity学习19：unity里用C#脚本获取 gameobject 和 Componenet

目录 1 gameObject 和component 2 gameObject 与C#脚本 2.1 使用 this.gameObject 或gameObject（注意大小写） 2.2 获得其他信息 3 获取其他 GameObject的方法 3.1 获得自身挂载的GameObject 3.2 用find去查找其他的GameObject的名字或tag 3.3 …...

编程日记 2025/6/1 19:39:14

【React】插槽渲染机制

目录 通过 children 属性结合条件渲染通过 children 和 slot 属性实现具名插槽通过 props 实现具名插槽 在 React 中，并没有直接类似于 Vue 中的“插槽”机制（slot）。但是，React 可以通过 props和 children 来实现类似插槽的功能…...

编程日记 2025/6/1 8:28:38

【数据分享】1929-2024年全球站点的逐月平均气温数据（Shp\Excel\免费获取）

气象数据是在各项研究中都经常使用的数据，气象指标包括气温、风速、降水、湿度等指标，其中又以气温指标最为常用！说到气温数据，最详细的气温数据是具体到气象监测站点的气温数据！本次我们为大家带来的就是具体到气象监…...

编程日记 2025/6/2 3:03:15

立创开发板入门第六课 音频-扬声器和麦克风 I2S驱动

音频芯片介绍 开发板上带有一个麦克风，一个扬声器，音频编解码芯片使用ES8311。麦克风直接连接到了ES8311芯片上，ES8311和扬声器之间，还有一个音频驱动放大器。ES8311通过I2S接口与ESP32-C3连接。 ES8311这个芯片不仅使用I2S接口…...

编程日记 2025/5/31 6:49:17

使用 Java 实现基于 DFA 算法的敏感词检测

使用 Java 实现基于 DFA 算法的敏感词检测 1. 引言 敏感词检测在内容审核、信息过滤等领域有着广泛的应用。本文将介绍如何使用 DFA（Deterministic Finite Automaton，确定有限状态自动机） 算法，在 Java 中实现高效的敏感词检测。…...

编程日记 2025/6/1 10:40:59

springboot集成websocket实现实时大量数据，效率性能高

前言 小编我将用CSDN记录软件开发求学之路上亲身所得与所学的心得与知识，有兴趣的小伙伴可以关注一下！ 也许一个人独行，可以走的很快，但是一群人结伴而行，才能走的更远！让我们在成长的道路上互相学习&…...

编程日记 2025/5/31 12:59:32

如何在 Google Cloud Shell 中使用 Visual Studio Code (VS Code)？

Google Cloud Shell 是一个基于浏览器的命令行界面，它提供了一个临时的虚拟机环境，允许开发者在没有本地环境配置的情况下使用 Google Cloud 的各种服务。它还提供了一个免费的 5GB 存储空间以及可以在其中执行所有 Google Cloud 操作的命令行界面。 Vis…...

编程日记 2025/6/3 19:22:16

ChatGPT大模型极简应用开发-目录

引言 要理解 ChatGPT，了解其背后的 Transformer 架构和 GPT 技术一路的演进则变得非常必要。 ChatGPT 背后的 LLM 技术使普通人能够通过自然语言完成过去只能由程序员通过编程语言实现的任务，这是一场巨大的变革。然而，人类通常容易高估技术…...

编程日记 2025/6/2 6:57:15

ZooKeeper 核心知识全解析：架构、角色、节点与应用

1.ZooKeeper 分布式锁怎么实现的 ZooKeeper 是一个高效的分布式协调服务，它提供了简单的原语集来构建更复杂的同步原语和协调数据结构。利用 ZooKeeper 实现分布式锁主要依赖于它的顺序节点（Sequential Node）特性以及临时节点（Ep…...

编程日记 2025/6/3 13:17:16

redis实现限流

令牌桶逻辑 计算逻辑： 代码： import redis.clients.jedis.Jedis; import redis.clients.jedis.JedisPool;/*** ClassName RedisRateLimiterTokenBucket* Description TODO* Author zhang zhengdong* DATE 2025/1/17 20:22* Version 1.0*/ public class…...

编程日记 2025/5/29 15:04:26

云服务器扫描出漏洞怎么办？

随着云计算技术的发展，越来越多的企业和个人选择使用云服务器来托管其应用和服务。然而，安全问题也随之而来。当云服务器的安全扫描显示存在漏洞时，如何正确应对成为了关键。本文将详细介绍发现漏洞后的处理步骤，并提供一些实用的…...

编程日记 2025/6/1 20:10:12

【影刀RPA_启动任务api】

影刀RPA_启动任务api #启动任务api import requests import json from time import sleepyingdao_Info{"accessKeyId":"XXX","accessKeySecret":"XXX","scheduleUuid":XXX,"robotUuid1":"XXX","r…...

编程日记 2025/6/3 0:10:34

Swift语言的多线程编程

Swift语言的多线程编程 在现代软件开发中，多线程编程是提高应用性能和响应速度的重要手段。尤其是在 iOS 和 macOS 开发中，由于用户界面(UI)的交互性和复杂性，合理利用多线程可以极大地提升用户体验。本文将深入探讨 Swift 语言中的多线程编…...

编程日记 2025/6/1 18:52:28

js-判断一个object（对象）是否为空

1.Object.keys() 方法 const obj {};if (Object.keys(obj).length 0) {console.log(Object is empty); } else {console.log(Object is not empty); }Object.keys() 方法返回一个包含对象自身可枚举属性名称的数组。如果这个数组为空，那么对象就是空的。 2.JSO…...

编程日记 2025/6/4 17:48:15

AI在SEO中的关键词优化策略探讨

内容概要 在当今数字化时代，人工智能（AI）正逐渐重塑搜索引擎优化（SEO）行业。AI技术的快速发展使得SEO策略发生了翻天覆地的变化，特别是在关键词优化方面。关键词优化的基本概念是通过选择与用户搜索意图密…...

编程日记 2025/6/2 6:08:23

无缝过渡：将 Ansys 子结构模型转换为 Nastran

了解如何将 Ansys 子结构模型无缝转换为 Nastran，以满足有效载荷动态模型要求 Ansys 子结构模型的优势 Ansys 子结构模型为从事大型装配体结构分析和仿真的工程师和分析师提供了多项优势。 这些模型通过将复杂结构划分为更小、更易于管理的子结构，可以…...

编程日记 2025/6/4 12:06:54

单片机存储器和C程序编译过程

1、 单片机存储器 只读存储器不是并列关系，是从ROM发展到FLASH的过程 RAM ROM 随机存储器 只读存储器 CPU直接存储和访问 只读可访问不可写 临时存数据，存的是CPU正在使用的数据 永久存数据，存的是操作系统启动程序或指令 断电易失 …...

编程日记 2025/5/30 13:49:33

Unity3D实现WEBGL打开Window文件对话框打开/上传文件

系列文章目录 unity工具 文章目录 系列文章目录👉前言👉一、效果展示👉一、unity设置👉1-1、创建Plugins文件夹👉1-2、搭建UI👉二、使用步骤👉2-1、打包webgl👉三、第二种插件实现打开文件对话框👉壁纸分享👉总结👉前言 Unity3D发布的WEBGL程序是不支持…...

编程日记 2025/6/3 12:09:50

探索 Transformer²：大语言模型自适应的新突破

目录 一、来源： 论文链接：https://arxiv.org/pdf/2501.06252 代码链接：SakanaAI/self-adaptive-llms 论文发布时间：2025年1月14日 二、论文概述： 图1 Transformer 概述 图2 训练及推理方法概述 图3 基于提示的…...

编程日记 2025/6/1 15:59:25

SDL2：arm64下编译使用 -- SDL2多媒体库使用音频实例

SDL2：Android-arm64端编译使用 2. SDL2：Android-arm64端编译使用2.1 安装和配置NDK2.2 下载编译SDL22.3 SDL2使用示例：Audio2.4 Android设备运行 2. SDL2：Android-arm64端编译使用 在Linux系统上使用Android NDK编译和使用arm64下…...

编程日记 2025/6/4 0:08:50

Ubuntu、Windows系统网络设置(ping通内外网)

一、 虚拟机VMware和Ubuntu系统的网络配置说明 1、虚拟机的网络适配器的模式有三种： 桥接模式NAT模式主机模式 2、虚拟机VMware的网卡配置(如何进行配置界面(虚拟机->设置)) 注意： 1、以上桥接模式(ubuntu有独立IP)、NAT模式(没有独立IP)都可以联…...

编程日记 2025/6/2 10:03:59

安全类脚本：拒绝ssh暴力破解

要求如下： 一个小时内，连续密码错误4次。 Linux lastb 命令用于列出登入系统失败的用户相关信息。 实验过程如下： 1. 创建两个IP地址不同的干净环境，分别是：192.168.46.101 Rocky 2 和 192.168.46.120 openEuler 2. 2.…...

编程日记 2025/6/3 4:03:13

uc/os-II 原理及应用(八) 系统裁减以及移植到51单片机-下

现在说明几个重要的点， OSStartHighRdy 的作用就是把任务栈复制到系统栈上面，再利用RET的时候会从系统栈上到一个地址放到PC寄存器上来实现任务运行。OSCtxSw是任务切换，把系统栈全部备份到当前任务栈映射上，然后改OSTCBCur,调用…...

编程日记 2025/6/4 3:56:14

关于jwt和security

JSON Web Token（缩写 JWT） 目前最流行、最常见的跨域认证解决方案，前端后端都需要会使用的东西-腾讯云开发者社区-腾讯云 SpringBoot整合Security安全框架、控制权限让我们一起来看看Security吧！我想每个写项目的人，都…...

编程日记 2025/6/2 11:15:09

OpenAI Whisper：语音识别技术的革新者—深入架构与参数

当下语音识别技术正以前所未有的速度发展，极大地推动了人机交互的便利性和效率。OpenAI的Whisper系统无疑是这一领域的佼佼者，它凭借其卓越的性能、广泛的适用性和创新的技术架构，正在重新定义语音转文本技术的规则。今天我们一起了解一下Whi…...

编程日记 2025/6/3 13:29:21

Python 3.9及以上版本支持的新的字符串函数 str.removeprefix()

在 Python 3.9 中，新增了 str.removeprefix() 方法，用于从字符串的开头移除指定的前缀（如果存在）。如果字符串不以指定前缀开头，原字符串保持不变。 用法： str.removeprefix(prefix)prefix: 要移除的前缀…...

编程日记 2025/5/31 20:41:45

Python爬虫入门

豆瓣榜单250爬取： 直接上代码： import requests import redef top250_crawer(url, sum):headers {User-agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36}try:response re…...

编程日记 2025/6/3 15:46:01

hive连接mysql报错：Unknown version specified for initialization: 3.1.0

分享下一些报错的可能原因吧 1.要开启hadoop 命令&#xff1a;start-all.sh 2.检查 hive-site.xml 和 hive-env.sh。 hive-site.xml中应设置自己mysql的用户名和密码 我的hive-site.xml如下&#xff1a; <configuration><property><name>javax.jdo.opt…...

编程日记 2025/6/2 5:33:11

wandb使用遇到的一些问题

整合了一下使用wandb遇到的问题 1.请问下如果电脑挂了代理&#xff0c;应该怎么办呢&#xff1f;提示&#xff1a;Network error (ProxyError), entering retry loop. 在本地&#xff08;而非服务器&#xff09;运行代码时&#xff0c;常常因为开启代理而无法使用wandb&#…...

编程日记 2025/5/29 22:03:22

18. C语言 结构体内存布局分析与优化

本章目录: 结构体的内存布局1. 对齐规则2. 填充与对齐 示例分析代码示例输出结果分析1. debug_size1_t 结构体2. debug_size2_t 结构体 如何优化结构体内存布局1. 成员排序优化2. 使用 #pragma pack 指令注意事项 总结 在C语言中&#xff0c;结构体&#xff08;struct&#xff…...

编程日记 2025/6/3 16:57:11

MyBatisPlus学习笔记

To be continue… 文章目录 介绍快速入门入门案例常用注解常用配置 核心功能条件构造器自定义SQLService接口 介绍 MyBatisPlus只做增强不做改变&#xff0c;引入它不会对现有工程产生影响。只需简单配置&#xff0c;即可快速进行单表CRUD操作&#xff0c;从而节省大量时间。…...

编程日记 2025/6/4 1:20:46

Jetpack工具箱：不只是插件，它是开发灵魂

引言 想象一下&#xff0c;一个 Android 开发者面对堆积如山的需求文档、无穷无尽的 BUG 修复时&#xff0c;突然发现了一款神器——Jetpack&#xff01;这是一套专为 Android 开发者设计的库和工具集&#xff0c;它就像你的“编程助手”&#xff0c;从架构优化到 UI 管理&…...

编程日记 2025/6/3 10:15:14

2024年博客之星年度评选—创作影响力评审入围名单公布

2024年博客之星活动地址https://www.csdn.net/blogstar2024 TOP 300 榜单排名 用户昵称博客主页 身份 认证 评分 原创 博文 评分 平均 质量分评分 互动数据评分 总分排名三掌柜666三掌柜666-CSDN博客1001002001005001wkd_007wkd_007-CSDN博客1001002001005002栗筝ihttps:/…...

编程日记 2025/6/1 21:08:30

LoadBalancer负载均衡服务调用

LoadBalancer LoadBalancer&#xff08;负载均衡器&#xff09;是Spring Cloud中的一个关键组件&#xff0c;用于在微服务架构中实现服务请求的负载均衡。它的主要作用是将客户端的请求分发到多个服务实例上&#xff0c;以提高系统的可用性、性能和容错能力。通过LoadBalancer&…...

编程日记 2025/6/3 3:15:39

《CPython Internals》阅读笔记：p221-p231

《CPython Internals》学习第 12天&#xff0c;p221-p231 总结&#xff0c;总计 11 页。 一、技术总结 无。 二、英语总结(生词&#xff1a;2) 1.at a time idiom. separately(单独地) in the specified groups(一次)。示例&#xff1a; (1) I can only do one thing at …...

编程日记 2025/5/30 18:03:55