envirocar/webapp

envirocar-www-ng Docker镜像文档

镜像概述和主要用途

envirocar-www-ng是enviroCar平台的官方Angular Web应用Docker镜像，用于提供平台的Web访问界面。该应用基于AngularJS 1.6.6框架开发，UI组件采用Angular Material构建，支持用户访问enviroCar平台的各项功能，包括车辆轨迹数据查看、分析及社区数据探索等。

核心功能和特性

• 技术栈：基于AngularJS 1.6.6构建，结合Angular Material提供现代化UI组件
• 用户交互：支持用户账户登录，提供个性化数据访问体验
• 数据展示：支持车辆轨迹数据可视化及社区数据探索功能
• 开发支持：提供本地开发环境配置，便于功能扩展和定制

使用场景和适用范围

• enviroCar平台用户通过Web界面访问和管理车辆环境数据
• 开发者进行Web应用功能开发、测试和定制
• 演示环境部署，展示enviroCar平台核心功能

使用方法和配置说明

前提条件

• 已安装Docker环境
• Git（用于从源码构建镜像）

获取与构建镜像

从源码构建

bash
# 克隆代码仓库
git clone https://github.com/envirocar/envirocar-www-ng
cd envirocar-www-ng

# 构建Docker镜像（假设项目根目录存在Dockerfile）
docker build -t envirocar/envirocar-www-ng:latest .

运行容器

基本运行

bash
docker run -d -p 4014:4014 --name envirocar-webapp docker.xuanyuan.run/envirocar/envirocar-www-ng:latest

运行后，通过浏览器访问 http://localhost:4014 或 http://127.0.0.1:4014 即可打开应用。

自定义端口映射

若需修改访问端口，可通过Docker端口映射实现：

bash
# 将容器4014端口映射到本地8080端口
docker run -d -p 8080:4014 --name envirocar-webapp docker.xuanyuan.run/envirocar/envirocar-www-ng:latest

此时访问地址为 http://localhost:8080。

登录账户说明

使用应用需注册enviroCar账户，注册后可直接登录使用。大部分功能需要至少一条已记录的车辆轨迹数据。若无轨迹数据或需要演示账户，可联系 *** 获取。

项目背景

该项目基于Google Summer of Code学生Naveen Jafer的视觉分析工作（工作总结）。预发布版本功能概述可参考项目博客。

贡献方式

作为用户

• 发现bug、功能问题或有改进建议，可通过https://docs.google.com/forms/d/e/1FAIpQLSdfanFDFmIEgD9p6GWyC9oEDXLhiMdE3hptZVCdV8WsG4Ik1g/viewform提交

作为开发者

• 通过GitHub仓库（https://github.com/envirocar/envirocar-www-ng）分享想法、报告问题或贡献代码