europeana/portal.js

Europeana.eu 网站 Docker 镜像

镜像概述

该Docker镜像用于部署和运行Europeana.eu网站的前端应用，基于Vue.js和Nuxt.js技术栈构建。Nuxt.js作为Vue.js的服务端渲染框架，结合Vue.js的组件化开发模式，为Europeana.eu提供高性能、可扩展的前端解决方案。

核心功能与特性

• 服务端渲染支持：基于Nuxt.js实现服务端渲染(SSR)，提升首屏加载速度和搜索引擎优化(SEO)表现
• Vue.js生态集成：完整支持Vue.js的组件化开发、状态管理(Vuex)和路由管理(Vue Router)
• 前端资源优化：内置代码分割、资源压缩、缓存策略等优化机制，减少页面加载时间
• 跨平台一致性：容器化部署确保开发、测试和生产环境的一致性，简化环境配置流程

使用场景

• 生产环境部署：在生产服务器上部署该镜像，提供Europeana.eu网站的前端服务
• 开发测试环境：本地或测试服务器快速搭建开发环境，验证新功能和修复
• 演示环境：用于展示Europeana.eu网站的前端界面和功能特性

使用方法与配置说明

基本部署（docker run）

通过以下命令启动容器，映射默认端口并配置必要环境变量：

bash
docker run -d \
  -p 3000:3000 \
  --name europeana-frontend \
  -e NODE_ENV=production \
  -e API_URL=https://api.europeana.eu \
  europeana/website:latest

参数说明：

• -p 3000:3000：将容器内Nuxt.js默认端口(3000)映射到主机端口
• --name europeana-frontend：指定容器名称
• -e NODE_ENV=production：设置运行环境为生产模式（启用优化配置）
• -e API_URL：配置后端API服务地址（根据实际部署环境调整）

Docker Compose配置

创建docker-compose.yml文件，定义服务配置：

yaml
version: '3.8'
services:
  europeana-frontend:
    image: europeana/website:latest
    container_name: europeana-frontend
    ports:
      - "3000:3000"
    environment:
      - NODE_ENV=production
      - API_URL=https://api.europeana.eu
      - PORT=3000
      - NUXT_ENV_BASE_URL=/
    restart: unless-stopped

启动服务：

bash
docker-compose up -d

环境变量配置

注意事项

• 生产环境建议使用NODE_ENV=production以启用资源优化和压缩
• 根据实际网络环境调整API_URL，确保前端能正确访问后端API
• 若主机3000端口被占用，可修改端口映射（如-p 8080:3000将主机8080端口映射到容器3000端口）
• 容器重启策略建议设置为unless-stopped或always，确保服务稳定运行