Traccar GPS tracking system 服务器端前后端本地部署流程

已于 2024-08-29 12:49:29 修改
阅读量336 收藏 7
点赞数 20
文章标签： javascript java github git ide npm 前端
于 2024-08-29 11:50:06 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kentturing/article/details/141674601
版权

Traccar 官方文档地址：Build from Source - Traccar
由于官方文档本地部署步骤并不详细且无法复现，本文档从环境配置到运行代码一步一步进行操作教学：
第一步：下载git
打开该链接下载git
Git - Downloading Package (git-scm.com)


下载安装包后打开按默认选项安装
 


 


 


 


 




第二步：在项目文件夹路径下拉取Traccar代码

注意：项目文件夹及其父路径必须使用英文命名，不要出现中文命名
完成第一步git安装后，在项目文件夹下点击鼠标右键，找到git bash


粘贴这条命令到命令行后按回车键
 

​git clone --recursive https://github.com/traccar/traccar.git


等待git拉取仓库代码，如果拉取失败是网络问题，可开热点连接手机热点或更换网络后重新拉取。
第三步 下载Visual Studio Code
Download Visual Studio Code - Mac, Linux, Windows
打开该网址选择windows版本下载：


按安装包提示下载安装Visual Studio Code
安装后打开Visual Studio Code，Visual Studio Code默认语言包为英文，如需中文语言包请在extension 插件栏中下载中文语言包，下载后关闭Visual Studio Code重新打开即可生效，由于本人习惯使用英文版Visual Studio Code，故并未安装中文语言包，后续步骤也基于英文版本语言进行示教，可根据个人习惯自由选择
 


之后点击Open Folder, 打开Traccar项目文件夹


打开后如图所示：


Traccar 项目前后端代码未分离，后端代码仓库包含前端代码，为方便打开终端窗口进行调试，我们把前端代码也加入到工作区中：


项目中的traccar-web即为前端代码地址，在工作区空白区域右键鼠标，我们把traccar-web文件夹也加入到工作区


结果如图所示：


第四步 下载Java JDK 并配置Java运行环境
Java Downloads | Oracle


本Traccar项目后端使用Java17 版本，为适配项目，我们也下载Java17进行适配，点击安装包下载，下载安装包后按默认选项下载即可。
安装好后配置Java系统环境变量：
windows setting中搜索系统环境变量


点击编辑系统环境变量
 


新建变量， 把变量名命名为JAVA_HOME，变量值为Java 17 JDK 默认安装环境C:\Program Files\Java\jdk-17
之后鼠标双击点击系统变量选择框下的Path变量


点击新建，输入%JAVA_HOME%\bin 后点击确定



到此，Java系统环境变量已配置完成，按键盘上winows标志+ R 键调出运行命令窗口，输入cmd后点击确认调用出系统命令提示符窗口（系统终端Terminal）


输入

java --version

 如图下显示即证明安装成功


第五步 在Visual Studio Code 安装Java扩展插件
打开Visual Studio Code，并在extension扩展插件中安装Extension Pack for Java
 


安装完成后关闭Visual Studio Code重新打开Visual Studio Code


重新打开后点击工作区，看到Java:Ready 后说明Java环境已经准备好，可以在后端终端运行下载依赖，并运行Gradle
第六步 打开后端项目的终端，输入命令下载相关依赖，运行后端
点击Terminal, New Terminal


选择traccar,我们的后端项目路径:


在命令行中键入命令后按回车键：

./gradlew assemble


如果遇到Gradle下载失败Error(timeout 10000) ,请切换网络或使用个人热点重新下载，该项目下载gradle地址为github仓库，由于国内访问github网络并不稳定，有时不可访问会导致下载失败，尽量不要使用公司内网下载，公司内网安全组可能设置禁止访问github导致下载依赖失败


看到绿色的构建成功说明该项目后端依赖已经下载成功，可以运行后端代码开服务：
找到后端项目traccar\src\main\java\org\traccar路径下的Main.java文件，在代码文件右上角找到运行按钮，点击运行
 


看到终端命令中的 Started 说明运行成功了，后端项目运行在Localhost:8082端口上，此时在浏览器上输入Localhost:8082应该能看到这个页面，说明后端运行成功


第七步 下载node.js
Node.js相当于前端JavaScript的JDK， 我们需要下载Node.js后在前端运行JavaScript文件及用npm包管理工具下载前端的依赖和相关包
Node.js 中文网 — 下载 Node.js ® (nodejs.cn)


我们下载安装包， 通过安装包下载node.js,按默认选项选择即可，node.js默认会自动配置环境变量,不用像Java一样还需要手动配置系统环境变量
安装包安装成功后，像检查Java是否安装配置成功一样，用win + R 键调用命令运行框，再输入cmd调出命令提示符


输入

node -v


 如果出现版本号，说明安装成功



第八步 打开前端项目的终端，输入命令下载相关依赖，运行前端
不要关闭后端终端，让他始终保持运行，此项目前端的运行依赖于后端，不开后端服务会导致前端无法运行并报错，当然你也可以选择先关闭后端，等前端依赖安装完成后再运行后端


选择traccar-web


打开前端的终端窗口后，键入以下命令，这是将npm下载的依赖源改为国内镜像源，以提高下载速度并预防下载失败：
 

npm config set registry https://registry.npmmirror.com


设置好后输入以下命令, PNPM 的安装速度领先于 NPM 和 Yarn，尤其是在网络环境较差时表现更加出色, 且通过硬链接技术，共享相同的依赖包，大幅减少磁盘占用，相当于升级版的npm,所以我们先下载pnpm,用pnpm下载前端的依赖和包：

npm install pnpm --global


之后我们运行：

pnpm install


如果遇到终端中显示该错误：
pnpm : 无法加载文件 C:\Users\xxxxx\pnpm.ps1，因为在此系统上禁止运行脚本

请在setting搜索框搜索PowerShell,然后点击以管理员身份运行：
​

​在命令行中键入：

set-ExecutionPolicy RemoteSigned


记住，一定要以管理员身份运行，不然会得到以下错误：


更改好执行策略后再返回Visual Studio Code，再在终端中重新运行命令

pnpm install


如果遇到pnpm下载sharp包失败：sharp: Installation error: Hostname/IP does not match certificate‘s altnames: Host: …   错误


请输入以下命令，单独为sharp包设置镜像下载地址后再重新使用：

pnpm config set sharp_binary_host=https://npmmirror.com/mirrors/sharp
pnpm config set sharp_libvips_binary_host=https://npmmirror.com/mirrors/sharp-libvips


设置结束后重新输入：

pnpm install


 


终端中显示Done说明前端依赖已经下载成功
之后我们可以在命令行中输入

​​​​​​​pnpm start

启动前端服务，用pnpm start开前端服务会快一点


也可找到前端目录下的package.json文件，点击文件中scripts上方的Debug按钮，选择start进行开启前端服务：


用debug按钮开启前端服务会新开一个终端命令窗口，如下图所示即是运行成功，即可直接点击下方运行地址，查看前端项目，前端项目 使用本地localhost:3000端口


打开后如图所示，可随便注册账号进入Traccar项目进行查看：

lz229777
关注
  • 20
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Traccar (GPS tracking system):GPS跟踪设备的开源系统-开源
04-29
GPS跟踪器的开源服务器。 它包括对流行设备的支持：TK101，TK102，TK103，TK201，TK202，TK203，TK206，GPS-103，GL100，GL200，AVL-05，AVL-08，Mini MT，GT30i，GT60，VT300，VT310，VT400， PST-AVL01，PT60，...
GPS Tracking system using Traccar Server:使用开源 Traccar 服务器的 GPS 车队/车辆跟踪系统-开源
06-29
本文将深入探讨Traccar服务器的运作机制、主要功能以及如何利用其进行GPS跟踪。 Traccar的核心是一个用Java编写的服务器，它能够接收并处理来自各种不同品牌和型号的GPS设备的数据。这些设备通常通过GSM网络或者...
Linux 时间一致性环境NTP/Chrony服务器部署配置
企业实战系列集 ●●● https://ximenjianxue.blog.csdn.net
10-22 4253
背景 生产环境中，一个业务系统往往涉及几十台甚至上百台主机或云主机构成，有些管理系统对整个环境时间一致性由强要求，即使没有，保证环境中时间的一致性，有利于业务交互时时间匹配，保证事务的一致性，甚至环境中的监控系统，也需要监测时间一致性，保证数据上报正常。 ntp架构 下图来源网络，在前端管理节点上部署ntp服务器，且采取主备模式，局域网的ntp服务器先于外网ntp同步完成，局域网内再同本地ntp服务器同步时间。实际环境中，可借助类似架构，两个管理节点可以用HAproxy+keepalive做Heartbea
推荐开源项目：Traccar —— 强大的开源GPS追踪系统
gitblog_00067的博客
05-09 829
推荐开源项目：Traccar —— 强大的开源GPS追踪系统 traccarTraccar GPS Tracking System项目地址:https://gitcode.com/gh_mirrors/tr/traccar 项目介绍 Traccar 是一个开源的GPS追踪系统，它集成了强大的Java后端服务，可与超过200种GPS协议和2000款GPS追踪设备无缝对接。不仅如此，Traccar还...
基于redis客户端缓存机制实现本地缓存
弹指天下
05-22 2706
基于redis6.x新增的客户端缓存机制实现了本地缓存，提高数据查询效率，减少redis服务端的请求压力
Design of Tracking Car System Based on Single Chip Microcomputer
qq_41984149的博客
12-09 3872
Design of Tracking Car System Based on Single Chip Microcomputer Abstract In order to work in a small or dangerous environment, this topic is specially designed to replace the human beings to complete...
分布式监控CAT服务端的本地部署
热门推荐
万猫学社
10-30 1万+
CAT是美团点评基于 Java 开发的一套开源的分布式实时监控系统，如何在本地部署CAT服务端呢？
traccar：Traccar GPS追踪系统
02-03
Traccar是一个开源GPS跟踪系统。 该存储库包含基于Java的后端服务。 它支持170多种GPS协议和1500多种型号的GPS跟踪设备。 Traccar可以与任何主要SQL数据库系统一起使用。 它还提供了易于使用的 。 Traccar解决方案...
Open GPS Tracking System:开放式 GPS 追踪系统-开源
06-29
感谢您使用 OGTS！ 开放式 GPS 跟踪系统... 4- 在您的 NAT 中打开一个端口，默认情况下 NAT 不允许传入连接到您的本地服务器（阅读更多：http://en.wikipedia.org/wiki/Network_address_translation） 5- 配置您的 GPS
python12 中，No module named‘distutils‘错误
qq_43557600的博客
08-27 3713
python12 “ No module named'distutils' ”,​ 安装 pip install setuptools ，解决 ​
jQuery基础——DOM
m0_54066656的博客
08-27 789
JQ基础——DOM操作
Ant-Design-Vue快速上手指南+排坑，操作详细步骤
liyy614的博客
08-23 1009
总的来说，掌握Ant-Design-Vue的基本使用并不复杂，但是要想充分利用其提供的功能，就需要深入了解每个组件的详细用法，以及如何合理地整合到你的项目之中。Ant-Design-Vue是一款基于Vue.js的UI组件库，它不仅提供了丰富的高质量组件，还支持灵活的配置选项，使得开发者能够快速构建出既美观又功能强大的前端应用。例如，当你首次注册Ant Design Vue时，需要确保Vue实例已经正确创建并且版本兼容。再如，在按需引入组件的时候，配置正确的webpack策略可以避免不必要的资源请求。
vue全局参数
qq_34631220的博客
08-24 411
其它页面如果想监听改变。
浏览器精度问题
m0_46281382的博客
08-25 534
浏览器如何解析后端返回的long类型的数据
JavaScript 错误 - Throw 和 Try to Catch的使用
逆风优雅的博客
08-23 763
trycatchthrow上面的代码 因为 try中 没有adddlert这个方法，或者这个方法有误，这时，代码会执行catch部分。JavaScript 实际上会创建带有两个属性的Error 对象name和message。
echarts组件——饼图
最新发布
weixin_42255789的博客
08-28 106
饼图
Vue3搭建pinia环境
weixin_73060959的博客
08-28 621
在Vue 3中，Pinia 是 Vuex 的后续状态管理库，旨在提供 Vuex 5 中相似的功能，但具有更简洁的API、更好的TypeScript支持和模块热重载（HMR）等特性。
如何用Java SpringBoot+Vue打造高效点餐系统
JSJBCZDS
08-27 689
如何用Java SpringBoot+Vue打造高效点餐系统，附MySQL数据库管理教程 【Java毕设秘籍】🌟打造高效点餐系统！SpringBoot+Vue强强联手，MySQL数据库管理精髓全解析。告别繁琐操作，实现餐厅数字化，提高营业额，就从这个视频开始！👇快来学习，让毕业设计脱颖而出！
springboot如何对接traccar
06-07
要使用Spring Boot对接Traccar，可以使用Traccar的Java API，这个API可以与Traccar服务器进行通信，收发数据。以下是简单的对接示例： 1. 首先在Spring Boot项目的pom.xml文件中添加Traccar的Java API依赖： ```xml <dependency> <groupId>org.traccar</groupId> <artifactId>traccar-client</artifactId> <version>4.8</version> </dependency> ``` 2. 创建一个Traccar客户端类，用于与Traccar进行通信： ```java import org.traccar.client.Client; import org.traccar.client.ClientFactory; import org.traccar.client.protocol.CommandResult; import org.traccar.client.protocol.DeviceState; import org.traccar.client.protocol.GpsData; public class TraccarClient { private final Client client; public TraccarClient(String serverUrl) { ClientFactory factory = new ClientFactory(); client = factory.createClient(); client.setServerUrl(serverUrl); } public void start() { client.start(); } public void stop() { client.stop(); } public boolean sendCommand(long deviceId, String command) { CommandResult result = client.sendCommand(deviceId, command); return result != null && result.isSuccess(); } public DeviceState getDeviceState(long deviceId) { return client.getDeviceState(deviceId); } public GpsData getLatestPosition(long deviceId) { return client.getLatestPosition(deviceId); } } ``` 3. 在Spring Boot项目中使用Traccar客户端类： ```java import org.springframework.beans.factory.annotation.Value; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; @SpringBootApplication public class MyApp { @Value("${traccar.server.url}") private String serverUrl; public static void main(String[] args) { SpringApplication.run(MyApp.class, args); } @Bean(initMethod = "start", destroyMethod = "stop") public TraccarClient traccarClient() { return new TraccarClient(serverUrl); } // 使用Traccar客户端 @Autowired private TraccarClient traccarClient; public void doSomething() { // 发送命令 traccarClient.sendCommand(123, "engineOn"); // 获取设备状态 DeviceState state = traccarClient.getDeviceState(123); // 获取最新位置 GpsData gpsData = traccarClient.getLatestPosition(123); } } ``` 在这个示例中，Traccar客户端类被注入到Spring Boot应用中，然后就可以在应用中使用它与Traccar服务器进行通信了。需要注意的是，示例中的Traccar客户端类只是一个简单的示例，如果需要更复杂的功能，可以参考Traccar的Java API文档。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值