1、Dockerfile文件

# 第一階段：構(gòu)建環(huán)境
FROM node:18 AS builder

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

# 復(fù)制 package.json 和 package-lock.json
COPY package*.json ./

# 安裝依賴
RUN npm install && \
    npm cache clean --force

# 復(fù)制項(xiàng)目文件（包括 .puppeteerrc.cjs）
COPY . .

# 創(chuàng)建緩存目錄并設(shè)置權(quán)限
RUN mkdir -p /app/.cache/puppeteer && chmod -R 777 /app/.cache

# 第二階段：運(yùn)行環(huán)境
FROM node:18

# 設(shè)置環(huán)境變量
ENV LANG=en_US.UTF-8
ENV PPTRUSER_UID=10042
ENV PUPPETEER_CACHE_DIR=/home/pptruser/.cache/puppeteer
ENV PUPPETEER_SKIP_CHROMIUM_DOWNLOAD=true

# 安裝字體和系統(tǒng)依賴
RUN apt-get update \
    && apt-get install -y --no-install-recommends \
    fonts-ipafont-gothic fonts-wqy-zenhei fonts-thai-tlwg fonts-khmeros \
    fonts-kacst fonts-freefont-ttf \
    fonts-font-awesome \
    fonts-noto-color-emoji \
    dbus dbus-x11 \
    libnss3 \
    libatk1.0-0 \
    libatk-bridge2.0-0 \
    libdrm2 \
    libxkbcommon0 \
    libxcomposite1 \
    libxdamage1 \
    libxrandr2 \
    libgbm1 \
    libasound2 \
    libatspi2.0-0 \
    libxshmfence1 \
    libx11-xcb1 \
    libglib2.0-0 \
    libgtk-3-0 \
    libcups2 \
    libxcb-dri3-0 \
    libxtst6 \
    libxss1 \
    libpci3 \
    libpango-1.0-0 \
    libcairo2 \
    libgdk-pixbuf2.0-0 \
    libfreetype6 \
    libharfbuzz0b \
    libfontconfig1 \
    && apt-get clean \
    && rm -rf /var/lib/apt/lists/*

# 創(chuàng)建非 root 用戶
RUN groupadd -r pptruser && useradd -u $PPTRUSER_UID -rm -g pptruser -G audio,video pptruser

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

# 從構(gòu)建環(huán)境復(fù)制依賴和項(xiàng)目文件
COPY --from=builder /app/node_modules ./node_modules
COPY --from=builder /app .

# 創(chuàng)建輸出目錄并設(shè)置權(quán)限
RUN mkdir -p /app/output && chmod -R 777 /app/output
RUN chown -R pptruser:pptruser /app/output

# 安裝 Chromium
RUN npx puppeteer browsers install chrome

# 設(shè)置緩存目錄權(quán)限
RUN mkdir -p $PUPPETEER_CACHE_DIR && chown -R pptruser:pptruser $PUPPETEER_CACHE_DIR

# 切換到非 root 用戶
USER pptruser

# 暴露端口
EXPOSE 3000

# 啟動(dòng)應(yīng)用
CMD ["node", "app.js"]

2、項(xiàng)目根目錄下創(chuàng)建 puppeteerrc.cjs

const { join } = require('path');

/**
 * @type {import("puppeteer").Configuration}
 */
module.exports = {
  // 將 Puppeteer 的緩存目錄更改為項(xiàng)目目錄下的 .cache/puppeteer
  cacheDirectory: join(__dirname, '.cache', 'puppeteer'),
};

3、使用 puppeteer

const puppeteer = require('puppeteer');

let browser;

const initBrowser = async () => {
    if (!browser) {

        const executablePath = puppeteer.executablePath();
        console.log('Executable Path:', executablePath);

        browser = await puppeteer.launch({
            executablePath: executablePath,
            args: ['--no-sandbox', '--disable-setuid-sandbox']
          });
    }
    return browser;
};

const closeBrowser = async () => {
    if (browser) {
        await browser.close();
        browser = null;
    }
};

module.exports = {
    initBrowser,
    closeBrowser,
};