基于 Vue3 + FastAPI 的无人机 Web 地面站与实时控制平台产品系统Vibe Coding

面向无人机、机器人及智能硬件设备的远程监控与任务控制场景。传统桌面地面站存在客户端安装、跨平台适配和远程访问不便等问题，因此开发基于浏览器的 Web 地面站，实现设备状态实时监控、任务下发、飞行控制、视频查看及系统运维。系统可通过局域网访问无人机设备，并与底层 ROS、飞控及传感器系统进行实时通信。

系统提供基于浏览器的无人机实时监控和任务控制能力，主要包括无人机位置、姿态、电量、飞行状态及传感器状态实时显示；航点上传、巡检任务启动、探索任务控制、临时飞行点、返航和紧急降落；无人机前后左右、升降和偏航等手动控制；云台角度、相机曝光和变焦控制；视频画面显示；系统状态监控及运行日志。前后端通过 WebSocket 实时通信，同时支持断线重连和 Mock 模式，便于脱离真机进行系统演示与调试。

独立完成 Web 地面站前后端及无人机通信桥接相关开发。前端采用 Vue 3 + TypeScript + Vite，实现设备状态、任务控制、飞行操作及视频等交互界面；后端采用 Python FastAPI，提供 REST API 和 WebSocket 服务，并通过 TCP 连接无人机端 uav_bridge。设计并实现自定义二进制通信协议解析，将 Web 控制指令转换为 ROS 消息和无人机任务，同时采集 ROS/MAVROS 中的位置、电量、飞行状态及传感器信息并实时回传浏览器。项目涉及 Web 全栈开发、TCP/WebSocket 实时通信、ROS、MAVROS、Linux 服务部署和软硬件系统联调。