slapers/alpine-node-chromium

镜像概述

本Docker镜像基于mhart/alpine-node构建，集成了无头模式（headless）的Chromium浏览器。它结合了Alpine Linux的轻量级特性、Node.js运行环境以及浏览器自动化能力，适用于需要在容器环境中执行浏览器相关任务的场景。

核心功能与特性

• 轻量级基础：基于Alpine Linux，保持较小的镜像体积，适合高效部署
• Node.js环境：继承mhart/alpine-node的Node.js运行时，支持JavaScript/TypeScript应用
• 无头Chromium：内置无头模式的Chromium浏览器，支持浏览器渲染、自动化操作等功能
• 兼容性：可与Puppeteer、Playwright等浏览器自动化库配合使用

使用场景

• 前端自动化测试（如单元测试、E2E测试）
• 网页截图或PDF生成
• 基于浏览器的网络爬虫或数据抓取
• 需要浏览器环境的CI/CD流程（如前端性能检测、页面渲染验证）
• 服务端渲染（SSR）相关任务

使用方法

基本使用

通过docker run命令启动容器，可挂载本地目录并执行依赖无头Chromium的Node.js脚本：

bash
docker run --rm -v $(pwd):/app -w /app [镜像名称] node your-script.js

其中：

• --rm：容器退出后自动删除
• -v $(pwd):/app：将当前目录挂载到容器内的/app目录
• -w /app：设置工作目录为/app
• your-script.js：需执行的Node.js脚本（需包含Chromium调用逻辑）

示例脚本（Puppeteer）

若使用Puppeteer控制无头Chromium，示例脚本（screenshot.js）如下：

javascript
const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch({
    headless: 'new',
    executablePath: '/usr/bin/chromium-browser' // 根据镜像内Chromium实际路径调整
  });
  const page = await browser.newPage();
  await page.goto('https://example.com');
  await page.screenshot({ path: 'example.png' });
  await browser.close();
})();

执行命令：

bash
docker run --rm -v $(pwd):/app -w /app [镜像名称] sh -c "npm install puppeteer && node screenshot.js"

构建灵感

本镜像的构建思路参考自：https://github.com/MatthiasWinkelmann/***-chromium-alpine-docker/blob/master/Dockerfile