resorptionbidonvilles/frontend

Résorption-bidonvilles 前端应用镜像

镜像概述

本镜像为国家初创企业Résorption-bidonvilles的官方前端应用Docker镜像，用于快速部署该项目的用户界面（UI）组件。镜像封装了完整的前端静态资源（HTML、CSS、JavaScript等），旨在提供稳定、高效的前端服务部署方案，支持与项目后端系统的集成交互。

核心功能与特性

• 提供Résorption-bidonvilles项目的用户界面展示与交互功能
• 支持响应式设计，适配桌面端与移动端设备
• 集成前端路由与状态管理，实现页面导航与数据交互
• 预优化的构建产物，确保加载性能与运行稳定性
• 兼容主流浏览器环境，保障跨平台访问体验

使用场景与适用范围

• 开发环境：供开发团队本地运行调试，验证前端功能与界面效果
• 测试环境：用于功能测试与集成测试，验证前端与后端服务的协同工作
• 生产环境：部署至生产服务器，为最终用户提供稳定的前端访问服务

使用方法与配置说明

基本部署

通过以下命令启动容器，映射容器80端口至主机端口（示例使用主机8080端口）：

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

环境变量配置

可通过环境变量调整前端应用参数，主要配置项如下：

自定义配置示例

指定后端API地址并启用日志记录：

bash
docker run -d -p 8080:80 \
  -e BACKEND_API_URL="https://api.resorption-bidonvilles.fr/api" \
  -e ENVIRONMENT="production" \
  -e LOGGING_ENABLED="true" \
  --name resorption-frontend [镜像名称]:[标签]

数据卷挂载

如需自定义静态资源（如配置文件、主题资源），可挂载本地目录至容器内资源目录：

bash
docker run -d -p 8080:80 \
  -v /local/custom-assets:/usr/share/nginx/html/assets \
  --name resorption-frontend [镜像名称]:[标签]

Docker Compose 配置示例

yaml
version: '3.8'
services:
  frontend:
    image: [镜像名称]:[标签]
    ports:
      - "80:80"
    environment:
      - BACKEND_API_URL=http://backend-service:8080/api
      - ENVIRONMENT=production
    depends_on:
      - backend-service
    restart: unless-stopped

注意事项

• 部署前需确认镜像标签与项目版本匹配，避免版本兼容性问题
• 生产环境建议结合反向代理（如Nginx）配置HTTPS，保障数据传输安全
• 环境变量BACKEND_API_URL需根据实际后端服务部署地址进行配置，确保前后端通信正常