# 移动端

**Repository Path**: whaledynamic/car_app

## Basic Information

- **Project Name**: 移动端
- **Description**: 自动驾驶手机用户端
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-11-21
- **Last Updated**: 2026-03-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 自动驾驶配送移动端

基于 uni-app 的点到点自动驾驶配送移动端应用，支持实时车辆监控、路径规划、配送订单管理等核心功能。

## 功能特性

### 核心功能
- **智能配送** - 创建配送订单，选择起点和终点，一键派单
- **车辆监控** - 实时查看车辆状态、位置、速度、电量等信息
- **路径规划** - 站点间智能路径规划，支持途经点显示
- **任务管理** - 任务启动、暂停、重启、取消等完整生命周期管理
- **叫车服务** - 召唤附近车辆，支持实时响应跟踪
- **远程控制** - 控制车辆柜门等设备

### 实时通信
- MQTT 消息订阅，实时接收车辆状态更新
- 站点状态、任务进度实时推送
- 超声波雷达、监控数据实时显示

## 技术栈

| 技术 | 说明 |
|------|------|
| uni-app | 跨平台应用框架 |
| Vue 2 | 前端框架 |
| uview-ui | UI 组件库 |
| MQTT | 实时消息通信 |
| Protobuf | 数据序列化协议 |
| Leaflet / 高德地图 | 地图展示与路径规划 |

## 访问地址
- [https://dev.whaledynamicapi.top/new_app/pages/delivery/index](https://dev.whaledynamicapi.top/new_app/pages/delivery/index)


## 项目结构

```
car_app/
├── api/                    # API 接口
│   ├── delivery/          # 配送相关接口
│   ├── station/           # 站点相关接口
│   ├── system/            # 系统相关接口
│   ├── task/              # 任务相关接口
│   └── vehicle/           # 车辆相关接口
├── components/            # 公共组件
│   ├── amap-view/         # 高德地图组件
│   ├── leaflet-view/      # Leaflet地图组件
│   ├── nav-bar/           # 导航栏
│   └── tab-bar/           # 底部标签栏
├── config.js              # 应用配置
├── mqtt/                   # MQTT 通信模块
│   ├── dispatch.js        # 调度相关
│   ├── mqtt.js            # MQTT 核心
│   ├── mqttClient.js      # MQTT 客户端
│   └── mqttConfig.js      # MQTT 配置
├── pages/                 # 页面
│   ├── call/              # 叫车页面
│   ├── common/            # 通用页面
│   ├── delivery/          # 配送页面
│   ├── home/              # 首页
│   ├── mine/              # 个人中心
│   └── task/              # 任务页面
├── proto/                  # Protobuf 协议定义
│   ├── proto/             # 协议文件
│   │   ├── business/      # 业务协议
│   │   ├── car_status/    # 车辆状态协议
│   │   └── remote/        # 远程控制协议
│   └── v1/                # 协议版本
├── store/                  # Vuex 状态管理
│   └── modules/           # 模块
├── utils/                  # 工具函数
│   ├── locale/            # 国际化
│   ├── request.js        # 请求封装
│   └── ...
└── static/                # 静态资源
```

## 快速开始

### 环境要求
- Node.js >= 14
- HBuilderX（推荐）或 VS Code + vue-cli

### 安装依赖

```bash
npm install
```

### 开发运行

```bash
# H5 开发
npm run serve:h5

# 微信小程序
npm run dev:mp-weixin
```

### 编译发布

```bash
# H5 发布
npm run build:h5

# App 平台
使用 HBuilderX 进行打包
```
## 项目地址
- [https://gitee.com/whaledynamic/car_app.git](https://gitee.com/whaledynamic/car_app.git)

## 页面说明

| 页面 | 路径 | 功能 |
|------|------|------|
| 智能配送 | /pages/delivery/index | 创建和管理配送订单 |
| 车辆监控 | /pages/task/vehicleTask | 车辆状态实时监控 |
| 叫车 | /pages/call | 召唤附近车辆 |
| 我的 | /pages/mine/index | 个人中心 |

## MQTT 主题

```
订阅主题:
- dev/whale/car/v1/{carId}    # 车辆状态
- whale/common/               # 云端广播
- dev/reposeCloudRouting2    # 路径规划响应

发布主题:
- dev/routing                 # 路径规划请求
- dev/whale/cloud/v1/{carId}  # 云端控制指令
```

## Proto 协议

主要协议定义在 `proto/` 目录：
- `routing.proto` - 路径规划协议
- `car_status.proto` - 车辆状态协议
- `remote.proto` - 远程控制协议

生成 JS 代码：
```bash
npm run proto
```

## 配置说明

### 接口配置
修改 `config.js` 中的 `baseUrl`：
```javascript
baseUrl = 'https://dev.whaledynamicapi.top/new_proto_cloud_api'
```

### MQTT 配置
修改 `mqtt/mqttConfig.js` 中的连接地址：
```javascript
url: "dev.whaledynamicapi.top/mqtt"
```

## 多端支持

- ✅ H5
- ✅ 微信小程序
- ✅ Android App
- ✅ iOS App

## 版本

- 版本号：1.1.0
- 构建号：100

## 许可证

MIT License