uniapp App端后台间隔时间发送定位功能实现

本文介绍如何使用uni-app实现在后台持续获取用户定位信息的功能,包括检测系统定位权限、开启和关闭定位服务,并提供了一个完整的定位工具类及页面示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


前言

uniapp开发app端时候,某些业务场景需求:在后台不间断(间隔一定时间)向服务器发送用户定位信息,不管页面是否关闭,app是否处于前后台,发送位置信息功能必须持续,直到某一个页面操作行为触发事件才停下来。


一、核心api

开启定位 plus.geolocation.watchPosition(successFn,errorFn,options)
关闭定位 plus.geolocation.clearWatch(id)

更详细api介绍:https://www.html5plus.org/doc/zh_cn/geolocation.html#plus.geolocation.watchPosition

二、代码实现

1.locationWatcher.js:

定位工具类locationWatcher.js:

export default {
	//检测是否开启系统定位权限
	hasLocationPermission() {
		let system = uni.getSystemInfoSync();
		if (system.platform === 'android') { //安卓
			let context = plus.android.importClass("android.content.Context");
			let locationManager = plus.android.importClass("android.location.LocationManager");
			let main = plus.android.runtimeMainActivity();
			let service = main.getSystemService(context.LOCATION_SERVICE);
			//已开启系统定位服务功能
			if (service.isProviderEnabled(locationManager.GPS_PROVIDER)) return true;
			else { //未开启引导开启
				uni.showModal({
					title: '友情提示',
					content: '请开启位置服务功能',
					success: e => {
						if (e.confirm) {
							//打开手机系统gps定位设置页面
							let Intent = plus.android.importClass('android.content.Intent');
							let Settings = plus.android.importClass('android.provider.Settings');
							let intent = new Intent(Settings.ACTION_LOCATION_SOURCE_SETTINGS);
							main.startActivity(intent);
						}
					}
				})

			}
		} else if (system.platform === 'ios') { //ios
			let cllocationManger = plus.ios.import("CLLocationManager");
			let enable = cllocationManger.locationServicesEnabled();
			let status = cllocationManger.authorizationStatus();
			plus.ios.deleteObject(cllocationManger);
			if (enable && status != 2) return true; //已开启定位功能
			else {
				uni.showModal({
					title: '友情提示',
					content: '请前往设置-定位服务打开定位服务功能',
					success: e => {
						if (e.confirm) {
							let UIApplication = plus.ios.import("UIApplication");
							let application = UIApplication.sharedApplication();
							let NSURL = plus.ios.import("NSURL");
							let setting = NSURL.URLWithString("app-settings:");
							application.openURL(setting);
							plus.ios.deleteObject(setting);
							plus.ios.deleteObject(NSURL);
							plus.ios.deleteObject(application);
						}
					}
				});
			}
		}
		return false;
	},
	/**开启后台持续获取定位功能
	 * successCallBack:成功回调函数
	 *failCallBack:失败回调函数 
	 *maximumAge:获取定位间隔时间
	 */
	startLocationService( successCallBack=()=>{},failCallBack=()=>{},maximumAge=60*1000) {
		if (this.hasLocationPermission()) { //有定位权限
			let locationWatcherId = plus.geolocation.watchPosition((position) => {
				successCallBack({
					locationWatcherId,
					position:position.coords
				})
			}, function(e) {
				console.log(e, '定位失败');
				failCallBack(e)
			}, {
				maximumAge, //获取位置间隔时间,在不同定位模块下支持范围值可能不同,如百度定位模块的间隔范围为大于等于1秒,如果设置的值小于最小值则使用最小值。iOS平台根据设备位置变化自动计算回调更新的间隔时间。
				// provider: 'amap', //优先使用定位模块,“system”:表示系统定位模块,支持wgs84坐标系; “baidu”:表示百度定位模块,支持gcj02/bd09/bd09ll坐标系; “amap”:表示高德定位模板,支持gcj02坐标系,默认值按以下优先顺序获取(amap>baidu>system)
				// timeout: 10000, //定位超时
				enableHighAccuracy: true,//高精确度获取位置信息
				//coordsType:"gcj02",//坐标系类型, “wgs84”:表示WGS-84坐标系; “gcj02”:表示国测局经纬度坐标系,"bd09":百度地图使用的坐标系
				//geocode:false//是否解析地址
			});

		}


	},
	//关闭定位功能
	closeLocationService(locationWatcherId) {//locationWatcherId:开启步骤生成的监听器id
		plus.geolocation.clearWatch(locationWatcherId)
	},
}

2.页面引用

代码如下(示例):

<template>
	<view>
		<button @click="open">开启</button>
		<button @click="close">关闭</button>
	</view>
</template>

<script>
	import locationWatcher from './locationWatcher.js'
	export default {
		data() {
			return {
				locationWatcherId:'',//监听器id
				maximumAge: 10 * 1000//间隔时间10s
			}
		},
		methods: {
			//开启定位功能
	        open(){
				locationWatcher.startLocationService(e=>{
					let {latitude,longitude}=e.position
					console.log(`当前位置,经度${longitude},纬度${latitude}`)
					if(!this.locationWatcherId){
						this.locationWatcherId=e.locationWatcherId//举例保存到data,实际可以缓存到全局
					}
				},(e)=>{
					console.log(e,'定位失败')
				},this.maximumAge)
			},
			
			//关闭定位
			close(){
				this.locationWatcherId&&locationWatcher.closeLocationService(this.locationWatcherId)
			}
		}
	}
</script>

运行结果

在这里插入图片描述


三、注意事项

1.定位功能需要引入地图appkey,申请百度或高德地图key,在manifest.json-APP模块-Maps配置
2.locationWatcherId实际开发需要全局缓存,在需要关闭定位功能地方调用
3.定位功能跟app生命周期一致,后台app进程被杀死或完全退出app功能停止
4.定位功能授权弹窗必须选择允许
5 如果需要绘制轨迹或地图显示,coordsType(坐标系)属性需要按需设置,高德地图:gcj02,百度地图:bd09,谷歌地图:wgs84
6对于做绘制轨迹需求的话从个人测试结果看精准度会有些偏差,如果对精度要求比较高的话建议还是去插件市场采用原生插件,原生插件应用高德sdk去获取定位精准度可以到小数点后14位,此方案或者uniapp提供的api都只能到小数点后6位

### 如何在 IntelliJ IDEA 中创建 Spring Boot 项目 #### 准备工作 为了顺利创建一个 Spring Boot 项目,在开始之前需要确认已经安装并配置好了以下环境: - **Java JDK**:确保本地已安装适合的 Java 版本。 - **IntelliJ IDEA**:推荐使用 Ultimate 版本,因为它内置了对 Spring 的支持[^1]。 --- #### 创建 Spring Boot 项目的具体步骤 1. 打开 IntelliJ IDEA 并点击 `File` -> `New` -> `Project...` 来启动新建项目向导。 2. 在弹出的新建项目窗口中,选择左侧列表中的 `Spring Initializr`。这一步是基于官方提供的模板服务自动生成基础结构[^1]。 3. 配置 Maven 或 Gradle 构建工具的相关参数: - **Group**: 定义 Maven 工程的 GroupId,通常为公司域名反写形式(如 com.example)。 - **Artifact**: 输入模块名作为 ArtifactId,注意不能包含大写字母[^2]。 - **Name**: 自定义项目名称。 - **Package Name**: 自动生成的基础包路径。 - **Packaging**: 默认选择 jar 包即可,因为 Spring Boot 内嵌 Tomcat 支持通过命令行直接运行 jar 文件。 4. 如果国内网络访问速度较慢,可以选择替换默认的初始化 URL 地址为阿里云镜像站点 https://start.aliyun.com/,从而提高下载效率[^3]。 5. 进入依赖管理界面后勾选所需的 Starter Dependencies,对于基本 Web 应用只需添加 `Spring Web` 即可完成核心功能引入。 6. 点击下一步直至最终生成完毕,此时应该能看到标准目录布局下的 src/main/java 和 resources 子文件夹[^1]。 7. 编辑器会自动加载 pom.xml (如果是 Maven) 或 build.gradle (如果是 Gradle),其中列出了所有必要的库版本号等信息。 8. 启动应用程序类上的 main 方法验证是否成功部署到内存中的服务器实例上。 --- ```java @SpringBootApplication public class DemoApplication { public static void main(String[] args) { SpringApplication.run(DemoApplication.class, args); } } ``` --- #### 常见问题排查 如果按照以上流程操作仍然遇到异常情况,则可以从以下几个角度入手解决: - 检查互联网连接状态良好与否; - 更改仓库源至更稳定的地址比如阿里的开源镜像站; - 查看日志输出定位具体的错误提示语句进一步分析原因所在。
评论 38
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

pixle0

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值