fleetman-webapp-angular 镜像文档

镜像概述和主要用途

fleetman-webapp-angular是fleetman微服务系统的Web客户端前端镜像，基于Angular框架开发并通过nginx服务器提供Web服务。该镜像内置路由配置，可将所有以/api/为前缀的URL请求转发至后端API网关容器，实现前端与微服务后端的通信。

核心功能和特性

• Angular应用与nginx服务：基于Angular构建的单页应用，通过nginx提供高效的Web服务，确保前端资源的快速加载和访问
• API网关路由：自动将所有/api/前缀的URL请求路由至后端API网关容器，简化前后端通信的网络配置
• 双模式运行支持：提供两种运行模式以适应不同部署环境
  • local-microservice：适用于基于Docker容器的本地微服务系统
  • production-microservice：适用于Kubernetes集群环境的生产部署

使用场景和适用范围

• 本地容器化微服务系统：在开发、测试或演示环境中，作为基于Docker容器部署的fleetman微服务集群的前端访问界面
• Kubernetes环境下的微服务系统：在生产环境中，作为Kubernetes集群部署的fleetman微服务系统的前端用户入口

使用方法和配置说明

环境变量配置

通过SPRING_PROFILES_ACTIVE环境变量指定运行模式：

• 本地容器模式：SPRING_PROFILES_ACTIVE=local-microservice
• Kubernetes模式：SPRING_PROFILES_ACTIVE=production-microservice

网络要求

需提前创建名为fleetman的Docker覆盖网络（overlay network），确保前端容器与后端API网关容器在同一网络中通信。

Docker部署示例

本地容器模式部署

bash
docker container run -d \
  -e "SPRING_PROFILES_ACTIVE=local-microservice" \
  --name fleetman-webapp \
  --network fleetman \
  -p 80:80 \
  richardchesterwood/k8s-fleetman-webapp-angular:release1

说明：上述命令假设已创建名为fleetman的覆盖网络（overlay network），容器将在后台运行并映射主机80端口至容器80端口。

Kubernetes模式部署

在Kubernetes环境中部署时，需将环境变量设置为production-microservice，具体配置需结合Kubernetes的Deployment或Pod定义文件实现。