[基于url-to-pdf-api構建docker鏡像，制作一個網頁另存服務]
基于url-to-pdf-api構建docker鏡像，制作一個網頁另存服務
業務背景：
需要根據一個url路徑打印這個網頁的內容
解決方案：
1.使用wkhtml2pdf
2.使用puppeteer
根據網上的資料，wkhtml2pdf 可以安裝在linux服務器，通過java api調用linux命令即可使用。但似乎對SPA(單頁面應用)支持不是很好。puppeteer是谷歌出品，可以模擬谷歌引擎，支持SPA，打印效果較好。
源代碼下載
根據某前端大佬指教，可以根據開源的 url-to-pdf-api 進行網頁另存，其原理是封裝了 puppeteer 進行網頁抓取，大喜！！！
下載url-to-pdf-api源代碼（https://github.com/alvarcarto/url-to-pdf-api）
本地安裝node環境即可測試網頁打印。但是這個服務需要安裝至linux服務器，需要安裝node并且通過npm install 安裝node_modules，較復雜，使用docker打包成鏡像可以解決這個問題。
docker鏡像制作
開始時，我的Dockerfile寫法是這樣的
FROM node:latest
WORKDIR /app
# copy package.json into the new directory
COPY package.json /app
# install the dependencies
RUN npm install
# copy all other files into the app directory
COPY . /app
#配置環境變量
ENV HOST 0.0.0.0
ENV PORT 9005
ENV NODE_ENV production
ENV ALLOW_HTTP true
ENV DEBUG_MODE false
# open port 9000
EXPOSE 9005
# run the server
CMD node ./src/index.js
#CMD [ "npm", "start"]
但是我在啟動鏡像實例之后，測試無法使用，查看鏡像實例日志，關鍵的一行錯誤信息如下：
Error: Failed to launch the browser process
通過網上的資料，我發現和我問題相似的博客：http://www.lxweimin.com/p/2c88eb7459a4
根據該博客，我修改了Dockerfile，內容如下：
FROM node:latest
# 注意改 source-sans-pro.zip
# 這一步是需要先下載source-sans-pro-3.006R.zip的，由于我已經下載并解壓，所以寫法是這樣
COPY ./source-sans-pro-3.006R/ /usr/share/fonts/
RUN sed -i 's/deb.debian.org/mirrors.163.com/g' /etc/apt/sources.list && \
apt update && \
apt-get install -y dpkg wget unzip
# 2\. https://github.com/puppeteer/puppeteer/blob/master/.ci/node10/Dockerfile.linux
RUN apt-get update && \
apt-get -y install xvfb 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 && \
rm -rf /var/lib/apt/lists/*
# create a directory to run docker
WORKDIR /app
# copy package.json into the new directory
COPY package.json /app
# install the dependencies
RUN npm install
# copy all other files into the app directory
COPY . /app
#配置環境變量
ENV HOST 0.0.0.0
ENV PORT 9005
ENV NODE_ENV production
ENV ALLOW_HTTP true
ENV DEBUG_MODE false
# open port 9000
EXPOSE 9005
# run the server
CMD node ./src/index.js
#CMD [ "npm", "start"]
通過如下鏈接測試使用：
http://localhost:9005/api/render?url=https://www.baidu.com
出現問題，截圖中的中文都是小方框，亂碼。應該是中文字體不正確。
可以使用兩種方式解決：
1.啟動鏡像實例后，使用docker cp復制中文字體至鏡像內，重啟實例
2.啟動實例時掛載宿主機字體目錄到鏡像實例字體目錄
我選擇了第二種方式解決，我的docker 啟動鏡像實例命令如下：
docker run -itd -p 9005:9005 -v /usr/share/fonts:/usr/share/fonts --name url2pdf-v6 docker-url2pdf:v6
鏡像導出
由于，需要在其他宿主機中安裝該鏡像，可以使用docker save導出鏡像
先將鏡像文件保存為tar文件
docker save -o docker-url2pdf.tar docker-url2pdf:v6
使用該命令后，會在當前目錄下產生一個docker-url2pdf.tar 文件，但該文件很大，不利于網絡傳輸，可以使用gzip命令進一步壓縮
使用gzip壓縮文件
gzip docker-url2pdf.tar
壓縮完成后將文件傳輸到宿主機后解壓文件
gunzip docker-url2pdf.tar.gz
導入鏡像即可使用，導入鏡像命令如下：
docker load < docker-url2pdf.tar
還未解決的問題：
url-to-pdf-api 在使用的時候支持很多參數，也支持cookie。但是我們在傳遞cookie時沒有成功，尷尬！！！
參考鏈接：
https://github.com/alvarcarto/url-to-pdf-api
http://www.lxweimin.com/p/2c88eb7459a4
https://github.com/puppeteer/puppeteer/blob/main/docs/troubleshooting.md#running-puppeteer-in-docker
https://github.com/adobe-fonts/source-sans
注意點:
1.需要找到以下代碼并注釋掉
page.on('console', (...args) => logger.info('PAGE LOG:', ...args));
該代碼會打印大量日志，影響性能
2.如果打印出的網頁中文亂碼，需要查看鏡像字體文件是否安裝正確，如果不正確可以通過復制字體文件到容器實例內，
或者啟動時掛載宿主機中文字體文件目錄即可進行補救。
