futurecustomer/future-customer-frontend

赫尔辛基大学课程项目前端镜像

镜像概述

本镜像为赫尔辛基大学课程项目的前端应用，基于Web技术构建，用于提供项目所需的用户界面和交互功能，支持课程项目的前端展示与用户操作。

核心功能与特性

• 提供课程项目相关的用户界面，包含页面布局、交互组件及视觉展示元素
• 支持基础前端路由与页面导航，实现多视图切换
• 适配课程项目需求的响应式设计，兼容主流现代浏览器
• 集成前端资源打包优化，确保界面加载性能与稳定性

使用场景

• 课程项目的开发与测试环境部署
• 项目功能演示与展示场景
• 前端界面原型验证与交互测试

使用方法

基本运行命令

通过以下命令启动容器，默认暴露80端口：

bash
docker run -d -p 8080:80 --name course-frontend [镜像名称]

说明：-p 8080:80将容器80端口映射至主机8080端口，可通过http://localhost:8080访问前端应用。

自定义配置

环境变量

根据项目需求，可通过环境变量调整前端配置（具体变量需参考项目文档），示例：

bash
docker run -d -p 8080:80 \
  -e API_BASE_URL=http://backend-service:3000 \
  -e DEBUG_MODE=false \
  --name course-frontend [镜像名称]

注：API_BASE_URL为示例变量，用于指定后端API服务地址，实际变量需依据项目设计确定。

Docker Compose部署

如需与后端服务协同部署，可使用docker-compose.yml配置：

yaml
version: '3'
services:
  frontend:
    image: [镜像名称]
    ports:
      - "8080:80"
    environment:
      - API_BASE_URL=[***]
    depends_on:
      - backend

  backend:
    image: [后端镜像名称]
    ports:
      - "3000:3000"