如何实现一个批量打印表单的脚本？

Question

如何实现一个批量打印表单的脚本？

Answer 1

可以基于Nest.js + puppeteer实现,puppeteer是一个无头浏览器，通过puppeteer.launch打开一个无头浏览器，page.goto打开表单页面，通过page.screenshot进行截图

创建浏览器连接池

import { globalService } from './global.service';
const puppeteer = require('puppeteer');

export class creatBrowser {
  constructor() {
    const WSE_LIST = []; //存储browserWSEndpoint列表
    let browserWSEndpoint = null; //浏览器对象
    (async () => {
      for (let i = 0; i < globalService.MAX_WSE; i++) {
        const browser = await puppeteer.launch({
          headless: true,
          args: [
            '--disable-gpu',
            '--disable-dev-shm-usage',
            '--disable-setuid-sandbox',
            '--no-first-run',
            '--no-sandbox',
            '--no-zygote',
            '--single-process',
          ],
        });
        browserWSEndpoint = await browser.wsEndpoint();
        WSE_LIST[i] = browserWSEndpoint;
      }
      globalService.WSE_LIST = WSE_LIST;
      console.log('创建浏览器成功:' + WSE_LIST);
      console.log('端口号:' + globalService.ENV);
    })();
  }
}

global.service

export class globalService {
  static WSE_LIST: any; //存储browserWSEndpoint列表
  static MAX_WSE: number; //启动几个浏览器
  static ENV: any; //端口号
}

截图相关逻辑

// 随机取一个浏览器
const tmp = Math.floor(Math.random() * globalService.MAX_WSE);
const browserWSEndpoint = globalService.WSE_LIST[tmp];

//连接浏览器
const browser = await puppeteer.connect({ browserWSEndpoint });

// 打开浏览器页面tab
const page = await browser.newPage();

// 打开页面
await page.goto(tourl);

//等待页面元素加载完成
await page.waitForSelector(``);

// 开始截图
const base64Str = await page.screenshot({
  type: 'webp',
  quality: 80,
  encoding: 'base64',
  fullPage: true
});

// 关闭页面
await page.close();