o11yday/web

Meminator Web前端镜像

镜像概述和主要用途

该镜像为Meminator系统的官方Web前端组件，旨在提供直观、易用的用户界面，使用户能够通过浏览器与Meminator系统进行交互。作为Meminator系统的可视化入口，它负责展示系统数据、接收用户操作并与后端服务通信，简化用户对Meminator系统的使用流程。

核心功能和特性

• 用户界面展示：提供清晰的功能模块划分和视觉设计，展示Meminator系统的核心功能入口。
• 交互操作支持：允许用户通过界面完成数据查询、任务配置、系统参数调整等操作。
• 数据可视化：将Meminator系统产生的结构化/非结构化数据以图表、列表等形式可视化呈现。
• 后端通信集成：内置与Meminator后端服务的通信逻辑，自动处理数据请求与响应。
• 响应式布局：适配桌面端、平板和移动端等不同设备屏幕尺寸。

使用场景和适用范围

适用场景

• 日常访问Meminator系统进行数据查看与管理
• 通过图形界面配置Meminator系统参数
• 团队成员共享Meminator系统访问入口
• 非技术人员通过界面操作Meminator系统

适用范围

• Meminator系统的终端用户（管理员、操作员等）
• 需要快速上手Meminator系统的新手用户
• 企业或团队内部部署Meminator系统的场景

使用方法和配置说明

前提条件

• 已安装Docker Engine（20.10+版本）
• 已部署Meminator后端服务并确保网络可达

Docker快速启动命令

bash
docker run -d \
  --name meminator-web-frontend \
  -p 80:80 \
  -e BACKEND_SERVICE_URL=http://meminator-backend:8080 \
  docker.xuanyuan.run/meminator-web-frontend:latest

参数说明

• -d: 后台运行容器
• --name: 指定容器名称（示例中为meminator-web-frontend）
• -p 80:80: 端口映射，将容器内80端口映射到主机80端口（主机端口可自定义修改）
• -e BACKEND_SERVICE_URL: 必选环境变量，指定Meminator后端服务的访问地址

环境变量配置

Docker Compose配置示例

yaml
version: '3.8'
services:
  web-frontend:
    image: docker.xuanyuan.run/meminator-web-frontend:latest
    container_name: meminator-web
    ports:
      - "80:80"
    environment:
      - BACKEND_SERVICE_URL=http://backend:8080
      - LOG_LEVEL=info
    depends_on:
      - backend
    restart: unless-stopped

  backend:
    image: docker.xuanyuan.run/meminator-backend:latest  # Meminator后端服务镜像
    container_name: meminator-backend
    ports:
      - "8080:8080"
    # 后端服务其他配置...

访问方式

启动容器后，通过浏览器访问 http://<主机IP或域名>:<映射端口> 即可打开Meminator Web前端界面（默认端口80时可省略端口号）。