fraunhoferiosb/aasportal_aasportal

AASPortal前端镜像文档

镜像概述

AASPortal前端镜像（以下简称"前端镜像"）是AASPortal平台的用户界面组件，基于现代Web技术构建，用于提供直观的可视化交互界面，支持用户通过浏览器访问并使用AASPortal平台的各项功能。

核心功能与特性

• 用户界面展示：提供AASPortal平台的完整可视化界面，包括菜单导航、数据展示、操作表单等元素
• 交互操作处理：支持用户在界面上执行查询、配置、管理等操作，并将用户请求传递至后端服务
• 后端通信：通过HTTP/HTTPS协议与AASPortal后端服务进行数据交互，实现数据的获取与提交
• 响应式设计：适配不同设备屏幕尺寸，确保在桌面端和移动端均有良好的访问体验

使用场景

适用于部署AASPortal平台的前端服务，供用户访问并使用AASPortal平台功能，典型场景包括：

• AAS（Asset Administration Shell）资产管理员配置与管理
• 工业资产数据查询与可视化分析
• AASPortal平台用户权限管理与系统配置

使用方法

前提条件

• 已安装Docker Engine（推荐版本19.03及以上）
• 已获取AASPortal前端镜像（如aasportal/frontend:latest）
• 需提前部署AASPortal后端服务，并确保网络可达

快速启动

通过docker run命令启动前端服务：

bash
docker run -d -p 80:80 --name aasportal-frontend \
  -e REACT_APP_API_URL=http://aasportal-backend:8080/api \
  aasportal/frontend:latest

参数说明

• -d：后台运行容器
• -p 80:80：将容器内80端口映射至主机80端口，供外部访问
• --name aasportal-frontend：指定容器名称
• -e REACT_APP_API_URL：设置后端API服务地址（需替换为实际后端服务地址）

环境变量配置

前端镜像支持通过环境变量自定义配置，常用配置项如下：

Docker Compose配置示例

推荐使用docker-compose管理服务部署，示例配置如下：

yaml
version: '3.8'

services:
  aasportal-frontend:
    image: aasportal/frontend:latest
    container_name: aasportal-frontend
    ports:
      - "80:80"
    environment:
      - REACT_APP_API_URL=http://aasportal-backend:8080/api
      - REACT_APP_ENV=production
    depends_on:
      - aasportal-backend
    restart: unless-stopped

  aasportal-backend:
    # AASPortal后端服务配置（示例）
    image: aasportal/backend:latest
    container_name: aasportal-backend
    ports:
      - "8080:8080"
    # 后端服务其他配置（如数据库连接、端口映射等）
    restart: unless-stopped

启动服务：

bash
docker-compose up -d

访问方式

服务启动后，通过浏览器访问 http://<主机IP或域名> 即可打开AASPortal前端界面。