使用微信开发者工具模拟微信小程序定位

embedded/2024/9/23 10:30:43/

        哈喽,各位同僚们,我们平时在测试小程序>微信小程序的时候,如果小程序中有获取定位或者地图的功能,测试场景中常常需要去模拟不同的位置,例如我们模拟在电子围栏的外面、里面和边界区域等。那么,我们如何在模拟小程序>微信小程序的不同位置呢?我曾经使用过一些模拟位置的APP软件,例如:Fake Location、MockGPS、爱思助手等,那么如果小程序>微信小程序根据IP地址判断位置,而非通过GPS或WIFI等方式来确定位置的话,此类软件就会失去作用,下面将于大家分享使用微信开发者工具模拟小程序定位。

一、安装Git并克隆小程序前端代码

1、下载GitBash

下载地址:https://git-scm.com/downloads/

下载完成后,打开安装包,一路默认选项点击下一步,直至安装完成。

2、克隆换电小程序前端代码仓库

打开gitbash,创建一个工作目录,名字为workspace。

进入到workspace目录中,进行换电小程序前端代码克隆。

等待代码仓库克隆完成。

克隆完成后的显示如下图:

二、配置微信开发者工具

1、下载微信开发者工具

下载地址:微信开发者工具下载地址与更新日志 | 微信开放文档

下载完成后,打开安装包,一路默认选项点击下一步,直至安装完成。

安装完成后,首次打开微信开发者工具如下图:

需要使用具有开发者权限的微信账号进行扫码,扫码完成,需要再手机端点击确认登录:

确认登录完成后,微信开发者工具会自动跳转到创建项目页面:

2、使用微信开发者工具打开小程序项目

编写项目名称,并且选择小程序源代码的目录,一般为项目主目录下的miniprogram,勾选不使用云服务。

本地小程序的源代码路径为:C:\Users\Administrator\workspace\xxxxxx\miniprogram

点击确定按钮后打开小程序项目。

首次打开项目时,会选择是否要信任项目的作者,此处选择信任。

选择信任完成后,会自动编译前端代码,此时需要等待一段时间(时间长短取决于网络情况和电脑配置),编译完成后如下,左侧会显示小程序的首页:

小程序定位">三、修改小程序定位

在修改定位之前,显示当前位置为:北京市海淀区

开启微信开发者工具的模拟位置功能:
第一步:点击左上角调试器
第二步:在右下角出现的调试器区域选择调试器
第三步:点击“>>”按钮
第四步:在列表中选择Sensor

此时,进入了微信开发者工具的模拟位置页面,勾选Enable开启模拟位置。

勾选后,下面的字段以及输入框会显示高亮,并且允许编辑,随即修改经纬度(Latitude、Longitude)就可以实现模拟位置。

举个例子:
将位置修改到福建泉州东站

首先通过腾讯地图经纬度拾取页面获取到泉州东站的经纬度。
此处操作不建议使用其他地图的经纬度拾取,因为小程序中使用的地图也是腾讯地图,避免出现坐标误差。如果小程序使用的是高德地图,则建议使用高德地图经纬度拾取。

高德地图经纬度拾取页面链接:坐标拾取器 | 高德地图API
腾讯地图经纬度拾取页面链接:点图拾取坐标-地图开放平台|腾讯位置服务

泉州东站的经纬度为:24.920647,118.639145

将泉州东站的经纬度写入微信开发者工具中:

将Enable取消并重新构建,然后重新进入小程序的地图页面:

此时,小程序的当前位置显示为泉州东站。


http://www.ppmy.cn/embedded/12254.html

相关文章

关于Domain的查询命令

dig: 用来执行DNS查询,可以获取指定域名的所有类型的DNS记录。对网络管理员和开发人员尤其有用。 host: 一个简化版的DNS查询工具,适合快速查询域名的IP地址或某种类型的DNS记录。 nslookup: 另一个DNS查询工具,既支持交互模式也支持命令行模…

Nginx七层负载均衡

1、七层负载均衡介绍 Nginx七层负载均衡是在应用层(HTTP/HTTPS)上进行的,可以根据HTTP请求的具体内容,如URL、Cookie、Header等,来决定将请求转发到哪个后端服务器。这种方式不仅能够均衡服务器的计算负载&#xff0c…

OceanBase 开发者大会 - 见闻与洞察

文章目录 前言主论坛见闻技术专场见闻产品技术专场技术生态专场 同行论道启发互动展区写在最后 前言 4 月 20 日,我有幸受邀参加了第二届 OceanBase 开发者大会。 50 余位业界知名数据库大咖和数据库爱好者,与来自全国近 600 名开发者相聚。共同探讨一体…

TPS54560BQDDARQ1功能和参数介绍及如何进行热管理

制造商:Texas Instruments 产品品种:开关稳压器 RoHS:是 安装风格:SMD/SMT 封装 :SO-PowerPad-8 输出电压:0.8 V to 58.8 V 输出电流:5 A 输出端数量:1 Output 最大输入电压:60 V 拓扑结构:Buck 最小输入电压:4.5 V 开关频率:100 kHz to 2.5 MHz 最小作业温度:- 40 C 最大作业温…

[论文笔记] EcomGPT:COT扩充数据的电商大模型

社区供稿 | EcomGPT:基于任务链数据的电商大模型(附魔搭推理实践) - 知乎 https://arxiv.org/pdf/2312.15696.pdf EcomInstruct指令数据集构建 数据集组成 COT方式构造垂域训练数据:把原本的垂域任务分解成了原子任务,构造了基于解决原子任务的数据。这样能用类似…

第100+6步 ChatGPT文献复现:ARIMAX预测新冠

基于WIN10的64位系统演示 一、写在前面 我们继续来解读ARIMAX模型文章,这一轮带来的是: 《PLoS One》杂志的2022年一篇题目为《A data-driven eXtreme gradient boosting machine learning model to predict COVID-19 transmission with meteorologic…

BootStrap框架学习

1、BootStrap是一套现成的css样式集合 中文文档:www.bootcss.com 响应式布局:pc端,手机端都可适配 特点:集成了html,css,javascript工具集,12列格网,基于jquery, 下载:http://v3…

AJAX——事件循环(EventLoop)

1.事件循环(EventLoop) 概念:JavaScript有一个基于事件循环的并发模型,事件循环负责执行代码、收集和处理事件以及执行队列中的子任务。这个模型与其它语言中的模型截然不同,比如C和Java。 原因:JavaScri…