sumcumo/nvm-chrome

sum.cumo NVM基础镜像

概述

sum.cumo NVM基础镜像是专为前端项目设计的Docker镜像，基于NVM（Node Version Manager）构建，集成Chrome浏览器，提供稳定的前端开发环境并支持通过cypress.io执行端到端（E2E）测试。

核心功能和特性

• NVM支持：内置Node Version Manager，可灵活管理和切换多个Node.js版本，满足不同项目的Node.js版本需求。
• Chrome浏览器集成：预装Chrome浏览器，无需额外配置即可支持cypress.io等E2E测试工具运行浏览器环境。
• 前端开发工具链：包含前端开发常用依赖，可直接用于项目构建、打包和本地开发。
• Cypress兼容性：针对cypress.io测试框架优化，确保端到端测试流程顺畅执行。

使用场景和适用范围

• 前端项目开发：作为本地开发环境，支持Node.js版本切换和依赖安装。
• CI/CD流程：集成到持续集成/部署流程，用于前端项目的自动化构建和E2E测试。
• 多版本Node.js项目：需要在同一环境中切换不同Node.js版本的前端项目。
• Cypress端到端测试：需运行基于Chrome浏览器的cypress.io测试用例的场景。

使用方法和配置说明

基本使用（docker run）

bash
docker run -it --rm \
  -v $(pwd):/app \
  -e NODE_VERSION=18.18.0 \
  sum.cumo/nvm-base-image \
  sh -c "nvm use $NODE_VERSION && npm install && npx cypress run"

参数说明：

• -v $(pwd):/app：挂载本地当前目录到容器内/app目录，实现项目文件共享。
• -e NODE_VERSION=18.18.0：指定使用的Node.js版本（需NVM支持），默认使用NVM安装的最新LTS版本。
• 命令末尾：切换Node.js版本、安装依赖并执行Cypress测试。

Docker Compose配置示例

yaml
version: '3'
services:
  frontend-test:
    image: sum.cumo/nvm-base-image
    volumes:
      - ./:/app
    environment:
      - NODE_VERSION=18.18.0
      - NVM_DIR=/root/.nvm
    command: sh -c "nvm use $NODE_VERSION && npm install && npx cypress run"

环境变量配置

常用操作

• 查看已安装Node.js版本：docker run --rm sum.cumo/nvm-base-image nvm list
• 安装特定Node.js版本：docker run --rm sum.cumo/nvm-base-image nvm install 16.20.2
• 启动交互式shell：docker run -it --rm sum.cumo/nvm-base-image sh