Chromium inside docker 图片在 Google Cloud 运行

Question

我正在尝试在 google 云运行上安装一个 docker 容器运行ning，其中包含一个简单的 nodejs 应用程序和 google chromium headless 从 HTML 来源创建 PDF。不幸的是，Google Cloud 运行似乎对我尝试的任何解决方案都有问题。

我的 Docker 图像运行在本地和其他提供商（即 Azure）上完美无缺，但 GCP 无法正常工作。

我的尝试：

基本上构建任何 docker 图像，安装节点、npm、chromium，然后运行ning chromium --headless 在后台。然后运行连接节点应用程序。 Node 应用只是尝试连接到 127.0.0.1:9222 => 这在 GCP 上不起作用，但在其他任何地方都不起作用。

我尝试使用 docker hub 的官方节点图像我尝试使用高山图像我尝试使用 debian 映像所有这些运行在本地都很好，但在 google 云运行.

上却不行

这是我用 debian 映像进行的最新测试：

FROM debian:latest


RUN apt-get update && DEBIAN_FRONTEND=noninteractive apt-get install -y \
        nodejs yarn npm chromium \
        && apt-get clean \
        && apt-get autoclean
RUN adduser --home /home/node --disabled-password --gecos "" node \
        && mkdir /home/node/app \
        && chown -R node:node /home/node/app
RUN apt-get install -y wget
RUN npm cache clean -f
RUN npm i -g n
RUN n stable
RUN node --version
RUN npm --version

USER node
WORKDIR /home/node/app
ENV CHROME_BIN=/usr/bin/chromium \
        CHROME_PATH=/usr/lib/chromium/

ARG NODE_ENV=development
ENV NODE_ENV=${NODE_ENV}


COPY --chown=node . .

RUN npm install

RUN npm run build

ENV HOST=0.0.0.0 PORT=3000

EXPOSE ${PORT}

ENTRYPOINT [ "sh", "-c", "/home/node/app/docker-inside-start.sh" ]

入口点 sh 是这样的：

#!/bin/sh
exec $CHROME_BIN --headless --use-gl=swiftshader \
        --disable-software-rasterizer --disable-dev-shm-usage --remote-debugging-port=9222 \
        --remote-debugging-address=0.0.0.0 --no-sandbox --disable-gpu \
        --no-first-run --no-crash-upload --no-pings --no-wifi &
node .

我的节点代码如下所示。没有什么花哨.. APP_CONFIG_CHROME_HOST 设置为 localhost 或 127.0.0.1 - 无效

import * as htmlPdf from 'html-pdf-chrome';
// ...
private createPdf(html: string): Promise<string> {
    return new Promise((resolve, reject) => {
      try {
        const options: htmlPdf.CreateOptions = {
          host: process.env.APP_CONFIG_CHROME_HOST,
          port: 9222, // port Chrome is listening on
        };
        htmlPdf.create(html, options)
          .then((pdf) => resolve(pdf.toBase64()))
          .catch(e => reject(e));
      } catch (err) {
        reject(err);
      }
    });
  }

终于 errors/output 我看到了 :

2020-09-12 15:26:02.786 MESZ[0912/132602.785920:WARNING:discardable_shared_memory_manager.cc(194)] Less than 64MB of free space in temporary directory for shared memory files: 0

2020-09-12 15:26:38.827 MESZ[0912/132638.826713:ERROR:address_tracker_linux.cc(201)] Could not bind NETLINK socket: Permission denied (13)

2020-09-12 15:26:38.828 MESZ[0912/132638.828564:ERROR:file_path_watcher_linux.cc(71)] Failed to read /proc/sys/fs/inotify/max_user_watches
...
2020-09-12 15:28:28.364 MESZ[2020-09-12T13:28:26.764Z] [ERROR] <mail.service.js> Error: socket hang up

有什么想法吗？

注意：例如使用 alpine 图像时的错误是不同的。谷歌搜索指向 gcp 与那里的其他部分存在一般问题的提示。具体来说，在 gvisor 中： https://github.com/google/gvisor/issues/1739#issuecomment-673861090 如果您想体验一下，这里有一张 docker 图像，与上面的图像相同，但在高山上： chrome 没有运行并退出并抱怨缺少 membarrier 系统调用

FROM alpine:latest

ARG BUILD_DATE
ARG VCS_REF

LABEL org.label-schema.build-date=$BUILD_DATE \
        org.label-schema.description="Chrome running in headless mode in a tiny Alpine image" \
        org.label-schema.name="alpine-chrome" \
        org.label-schema.schema-version="1.0.0-rc1" \
        org.label-schema.usage="https://github.com/Zenika/alpine-chrome/blob/master/README.md" \
        org.label-schema.vcs-url="https://github.com/Zenika/alpine-chrome" \
        org.label-schema.vcs-ref=$VCS_REF \
        org.label-schema.vendor="Zenika" \
        org.label-schema.version="latest"

# Installs latest Chromium package.
RUN echo "http://dl-cdn.alpinelinux.org/alpine/edge/main" > /etc/apk/repositories \
        && echo "http://dl-cdn.alpinelinux.org/alpine/edge/community" >> /etc/apk/repositories \
        && echo "http://dl-cdn.alpinelinux.org/alpine/edge/testing" >> /etc/apk/repositories \
        && echo "http://dl-cdn.alpinelinux.org/alpine/v3.11/main" >> /etc/apk/repositories \
        && apk upgrade -U -a \
        && apk add --no-cache \
        libstdc++ \
        chromium \
        harfbuzz \
        nss \
        freetype \
        ttf-freefont \
        wqy-zenhei \
        tini make gcc g++ python git nodejs nodejs-npm yarn \
        && rm -rf /var/cache/* /var/lib/apt/lists/* /usr/share/man /tmp/*

RUN mkdir -p /home/node/app \
        && adduser -D node \
        && chown -R node:node /home/node/app

USER node
WORKDIR /home/node/app

ENV CHROME_BIN=/usr/bin/chromium-browser \
        CHROME_PATH=/usr/lib/chromium/


# set ENV to development if NOT given in command line
ARG NODE_ENV=development
ENV NODE_ENV=${NODE_ENV}

COPY --chown=node package*.json ./

RUN npm install

COPY --chown=node . .

RUN npm run build

ENV HOST=0.0.0.0 PORT=3000

EXPOSE ${PORT}
ENTRYPOINT ["/sbin/tini", "--"]
CMD [ "sh", "-c", "/home/node/app/docker-inside-start.sh" ]

Answer 1

我运行 chrome 在云端运行将网页转换为 PDF（将 10 个网页转换为 SVG）。查找我的存储库 here

这是我的 Dockerfile：

FROM node:14-slim

    # Add contrib packages for ms fonts
RUN echo "deb http://http.debian.net/debian/ stretch main contrib non-free" > /etc/apt/sources.list && \
    echo "deb http://http.debian.net/debian/ stretch-updates main contrib non-free" >> /etc/apt/sources.list && \
    echo "deb http://security.debian.org/ stretch/updates main contrib non-free" >> /etc/apt/sources.list && \
    apt-get update && \
    # Adds required libs for Headless Chrome
    apt-get install -yq gconf-service libasound2 libatk1.0-0 libc6 libcairo2 libcups2 libdbus-1-3 \
    libexpat1 libfontconfig1 libgcc1 libgconf-2-4 libgdk-pixbuf2.0-0 libglib2.0-0 libgtk-3-0 libnspr4 \
    libpango-1.0-0 libpangocairo-1.0-0 libstdc++6 libx11-6 libx11-xcb1 libxcb1 libxcomposite1 \
    libxcursor1 libxdamage1 libxext6 libxfixes3 libxi6 libxrandr2 libxrender1 libxss1 libxtst6 \
    ca-certificates fonts-liberation libappindicator1 libnss3 lsb-release xdg-utils wget \
    # fonts
    ttf-mscorefonts-installer fontconfig && \
    fc-cache -f

# Start the app
WORKDIR /usr/src/app
COPY package*.json ./
ENV NODE_ENV=production
RUN npm install --production
COPY . .
CMD [ "npm", "start" ]

这是我的 Node.js 代码的相关部分，使用 "puppeteer": "^3.0.4":

    if(!browser) {
        browser = await puppeteer.launch({
            args: ['--no-sandbox']
        });
    }
    if(!page) {
        page = await browser.newPage();
    }

    // https://github.com/puppeteer/puppeteer/blob/master/docs/api.md#pagepdfoptions
    await page.emulateMedia('screen');
    let printParams = {
        path: inputPDFFilename,
        width,
        printBackground: true
    };
    if(height) {
        printParams.height = height;
    }
    await page.pdf(printParams);

Chromium inside docker 图片在 Google Cloud 运行

Chromium inside docker image on Google Cloud Run

docker

google-cloud-platform

google-chrome-headless

google-cloud-run