rastasheep/alpine-node-chromium

alpine-node-chromium

基于https://hub.docker.com/_/node/%E6%9E%84%E5%BB%BA%E7%9A%84Docker%E5%8C%96Chromium%E3%80%82

镜像概述

核心用途

该镜像专为现代前端开发工作流设计，特别是通过https://karma-runner.github.io/1.0/index.html%E7%BB%93%E5%90%88https://github.com/karma-runner/karma-chrome-launcher%E4%BD%BF%E7%94%A8%EF%BC%8C%E4%BB%A5%E6%97%A0%E5%A4%B4Chromium%E6%9B%BF%E4%BB%A3%E5%9C%A8Alpine Linux上表现不佳的传统PhantomJS。

核心功能与特性

设计背景

在Alpine Linux环境中，传统的PhantomJS存在兼容性问题。本镜像通过集成无头Chromium，为前端测试提供了可靠的替代方案，确保在轻量级Alpine系统上顺利运行前端自动化测试。

镜像标签

提供多个基于不同Node.js版本的标签，满足不同项目需求：

• rastasheep/alpine-node-chromium:14-alpine（基于node:14-alpine）
• rastasheep/alpine-node-chromium:12-alpine（基于node:12-alpine）
• rastasheep/alpine-node-chromium:10-alpine（基于node:10-alpine）
• rastasheep/alpine-node-chromium:8-alpine（基于node:8-alpine）
• rastasheep/alpine-node-chromium:7-alpine（基于node:7-alpine）
• rastasheep/alpine-node-chromium:6-alpine（基于node:6-alpine）
• rastasheep/alpine-node-chromium:4-alpine（基于node:4-alpine）

已安装软件包

Chromium相关

• https://pkgs.alpinelinux.org/package/v3.5/main/x86_64/udev
• https://pkgs.alpinelinux.org/package/edge/testing/x86_64/ttf-opensans
• https://pkgs.alpinelinux.org/package/edge/community/x86_64/chromium

图像优化库

• https://pkgs.alpinelinux.org/package/edge/community/x86_64/gifsicle
• https://pkgs.alpinelinux.org/package/edge/community/x86_64/pngquant
• https://pkgs.alpinelinux.org/package/v3.6/community/x86_64/optipng
• https://pkgs.alpinelinux.org/package/edge/main/x86_64/libjpeg-turbo-utils

环境变量

• CHROME_BIN=/usr/bin/chromium-browser：指定Chromium可执行文件路径
• LIGHTHOUSE_CHROMIUM_PATH=/usr/bin/chromium-browser：为***指定Chromium路径

使用场景与适用范围

• 前端项目自动化测试（如使用Karma进行单元测试、E2E测试）
• 需要在Alpine Linux环境中运行Chromium的场景
• 前端构建流程中涉及图像优化的任务

使用方法与配置说明

Karma配置示例

若需在Karma中使用该镜像，需配置自定义启动器，示例如下：

javascript
browsers: ['ChromiumNoSandbox'],
customLaunchers: {
  ChromiumNoSandbox: {
    base: 'ChromiumHeadless',
    flags: ['--no-sandbox', '--headless', '--disable-gpu', '--disable-translate', '--disable-extensions']
  }
}

Docker运行示例

基本运行命令：

bash
docker run -it --rm docker.xuanyuan.run/rastasheep/alpine-node-chromium:14-alpine chromium-browser --version

结合Node项目运行测试：

bash
docker run -v $(pwd):/app -w /app docker.xuanyuan.run/rastasheep/alpine-node-chromium:14-alpine sh -c "npm install && npm test"

问题反馈

如在使用镜像过程中遇到问题，请访问https://github.com/rastasheep/alpine-node-chromium/issues%E4%BB%93%E5%BA%93%E6%9F%A5%E7%9C%8B%E6%88%96%E6%8F%90%E4%BA%A4%E6%96%B0issue%E3%80%82

许可协议

alpine-node-chromium基于http://opensource.org/licenses/MIT%E6%8E%88%E6%9D%83%E3%80%82