/opt/test/front-node/
├── node/
│   ├── src/                # Node.js 源碼
│   ├── package.json
│   ├── pnpm-lock.yaml
│   ├── assets/             # 靜態(tài)資源
│   └── test.js             # Playwright 測(cè)試腳本
├── Dockerfile              # Docker 鏡像構(gòu)建文件
├── docker-compose.yml      # Docker Compose 服務(wù)定義
└── deploy-node.sh          # 自動(dòng)化部署腳本

# 基于官方 Node.js 鏡像
FROM node:20-bullseye

LABEL authors="test"

# 設(shè)置非交互模式
ENV DEBIAN_FRONTEND=noninteractive

# 使用清華源 + 安裝必要依賴（Playwright 運(yùn)行時(shí)）
RUN sed -i 's|http://deb.debian.org/debian|https://mirrors.tuna.tsinghua.edu.cn/debian|g' /etc/apt/sources.list && \
    apt-get update && \
    apt-get install -y --no-install-recommends \
    libnss3 libnspr4 libatk1.0-0 libatk-bridge2.0-0 libcups2 \
    libdrm2 libxkbcommon0 libatspi2.0-0 libxcomposite1 libxdamage1 \
    libxfixes3 libxrandr2 libgbm1 libasound2 curl ca-certificates git \
    && rm -rf /var/lib/apt/lists/*

# 設(shè)置工作目錄
WORKDIR /usr/src/app

# 先僅復(fù)制依賴聲明文件，加快構(gòu)建緩存
COPY node/package*.json ./

# 使用國內(nèi) npm 源
RUN npm config set registry https://registry.npmmirror.com/

# 切換目錄安裝依賴
WORKDIR /usr/src/app/node
RUN npm install --omit=dev --loglevel=error

# 復(fù)制完整項(xiàng)目代碼（最后執(zhí)行，避免頻繁失效緩存）
COPY node ./

# 設(shè)置環(huán)境變量以通過 npm 安裝瀏覽器
ENV PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD=1

# 先安裝依賴包
RUN npm install --omit=dev

# 再手動(dòng)用 npm 裝 chromium
RUN npx playwright install chromium --with-deps --force

# 暴露端口
EXPOSE 3001

# 啟動(dòng)命令
CMD ["npm", "run", "start"]

# 基于官方 Node.js 鏡像
FROM node:20-bullseye
LABEL authors="test"

# 設(shè)置非交互模式，避免 apt-get 安裝彈出交互界面
ENV DEBIAN_FRONTEND=noninteractive

# 使用清華源加速 Debian 包下載，同時(shí)安裝 Playwright 運(yùn)行依賴
RUN sed -i 's|http://deb.debian.org/debian|https://mirrors.tuna.tsinghua.edu.cn/debian|g' /etc/apt/sources.list && \
    apt-get update && \
    apt-get install -y --no-install-recommends \
    libnss3 libnspr4 libatk1.0-0 libatk-bridge2.0-0 libcups2 \
    libdrm2 libxkbcommon0 libatspi2.0-0 libxcomposite1 libxdamage1 \
    libxfixes3 libxrandr2 libgbm1 libasound2 curl ca-certificates git \
    && rm -rf /var/lib/apt/lists/*

# 設(shè)置工作目錄
WORKDIR /usr/src/app

# 先復(fù)制依賴聲明文件，加快 Docker 緩存
COPY node/package*.json ./

# 使用國內(nèi) npm 鏡像
RUN npm config set registry https://registry.npmmirror.com/

# 切換目錄安裝依賴
WORKDIR /usr/src/app/node
RUN npm install --omit=dev --loglevel=error

# 復(fù)制完整項(xiàng)目代碼
COPY node ./ 

# 設(shè)置 Playwright 環(huán)境變量，跳過瀏覽器自動(dòng)下載
ENV PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD=1

# 再安裝依賴
RUN npm install --omit=dev

# 手動(dòng)安裝 Chromium
RUN npx playwright install chromium --with-deps --force

# 暴露端口
EXPOSE 3001

# 啟動(dòng)命令
CMD ["npm", "run", "start"]

version: "3.9"

services:
  front-node:
    build:
      context: .
      dockerfile: Dockerfile
    image: test-node:latest   # <-- 指定鏡像名稱
    container_name: test-node
    restart: always
    ports:
      - "3001:3001"
    environment:
      - NODE_ENV=production
    working_dir: /usr/src/app
    command: ["npm", "run", "start"]
    volumes:
      # 映射整個(gè) node 項(xiàng)目文件夾
      - /opt/test/front-node/node:/usr/src/app
      # 防止 node_modules 被宿主機(jī)空目錄覆蓋
      - /usr/src/app/node_modules

#!/bin/bash

# 工作目錄
WORKDIR="/opt/test/front-node"

# 容器和鏡像名稱
CONTAINER_NAME="test-node"
IMAGE_NAME="test-node:latest"

# 切換到工作目錄
cd "$WORKDIR" || { echo "工作目錄不存在: $WORKDIR"; exit 1; }

echo "=== 檢查并停止容器 ${CONTAINER_NAME} ==="
if docker ps -a --format '{{.Names}}' | grep -w "${CONTAINER_NAME}" > /dev/null; then
    docker stop "${CONTAINER_NAME}"
    docker rm "${CONTAINER_NAME}"
    echo "容器 ${CONTAINER_NAME} 已停止并刪除"
else
    echo "容器 ${CONTAINER_NAME} 不存在"
fi

echo "=== 刪除鏡像 ${IMAGE_NAME} ==="
if docker images --format '{{.Repository}}:{{.Tag}}' | grep -w "${IMAGE_NAME}" > /dev/null; then
    docker rmi "${IMAGE_NAME}" -f
    echo "鏡像 ${IMAGE_NAME} 已刪除"
else
    echo "鏡像 ${IMAGE_NAME} 不存在"
fi

echo "=== 構(gòu)建鏡像并啟動(dòng)容器 ==="
docker compose build
docker compose up -d

echo "=== 完成 ==="

const { chromium } = require('playwright');

(async () => {
  const browser = await chromium.launch();
  const page = await browser.newPage();
  await page.goto('https://example.com');

  // 截圖
  await page.screenshot({ path: 'example.png' });

  // 打印 PDF
  await page.pdf({ path: 'example.pdf', format: 'A4' });

  await browser.close();
})();