nerc/datalab-app

镜像概述

本镜像为基于React框架开发的管理应用程序Docker镜像，旨在简化React管理后台系统的部署流程。集成了React核心框架、常用UI组件库及基础管理功能模块，支持快速启动和运行前端管理界面应用，可直接部署或与后端服务集成。

核心功能与特性

• React框架支持：基于最新稳定版React构建，兼容React生态系统工具链
• 管理界面组件：内置数据表格、表单控件、导航菜单等常用管理界面组件
• 响应式设计：自适应不同屏幕尺寸，支持桌面端与移动端访问
• 环境适配：提供开发环境热重载与生产环境优化构建两种模式
• 轻量部署：内置静态资源服务器，可直接通过HTTP服务访问管理界面

使用场景与适用范围

• 企业内部管理系统部署（如CRM、ERP、OA后台管理界面）
• 数据监控与分析平台前端展示层
• 后台管理控制台应用快速发布
• 需要管理功能的SaaS产品前端界面部署
• 前端开发团队测试环境快速搭建

使用方法与配置说明

快速启动

通过以下命令快速启动容器并访问管理应用：

bash
docker run -d -p 80:80 --name react-management-app [镜像名称]

启动后可通过 http://localhost 访问管理界面。

环境变量配置

支持通过环境变量自定义应用配置，常用参数如下：

示例：指定API地址与自定义端口

bash
docker run -d -p 8080:8080 \
  -e PORT=8080 \
  -e REACT_APP_API_URL=http://api.example.com/v1 \
  --name custom-react-admin [镜像名称]

Docker Compose配置

创建 docker-compose.yml 文件实现多容器协同部署：

yaml
version: '3.8'
services:
  react-admin:
    image: [镜像名称]
    ports:
      - "80:80"
    environment:
      - REACT_APP_API_URL=http://backend-service:8080
    depends_on:
      - backend-service
    restart: unless-stopped

  backend-service:
    image: [后端服务镜像]
    ports:
      - "8080:8080"

启动服务：

bash
docker-compose up -d

自定义配置

1. 挂载本地构建产物（开发调试）

bash
docker run -d -p 3000:80 \
  -v /本地项目路径/build:/usr/share/nginx/html \
  --name dev-react-admin [镜像名称]

2. 构建自定义镜像（生产环境）

创建 Dockerfile 实现配置定制：

dockerfile
FROM [镜像名称]
# 替换默认配置文件
COPY ./config/custom-settings.js /usr/share/nginx/html/static/js/
# 添加自定义样式
COPY ./custom-theme.css /usr/share/nginx/html/static/css/

构建并运行自定义镜像：

bash
docker build -t company-custom-admin .
docker run -d -p 80:80 --name company-admin company-custom-admin