使用 puppeteer 生成 PDF 而不保存

Question

我有一个用 node.js 编写的 API，托管在 heroku 上，我的前端应用程序是用 Vue.js 编写的，它在 hostinger 上。我想知道是否可以使用 puppeteer 生成 PDF 文件并立即将其发送到前端客户端而不先将其保存到磁盘？如果是的话，你能给我举个例子吗？

目前我的功能是这样的：

exports.gerarPDFAvaliacao = async (dadosAvaliacao) => {
    try {
        const compile = async (fileName, data) => {

            const filePath = path.join(process.cwd(), 'src/templates/client/operation/', `${fileName}.hbs`);
            const html = await fs.readFile(filePath, 'utf-8');
            return await hbs.compile(html)(data);
        }

        const browser = await puppeteer.launch();
        const page = await browser.newPage();

        let content = await compile('avaliations', dadosAvaliacao);

        await page.goto(`data:text/html,${content}`, { waitUntil: 'networkidle0' });
        await page.emulateMedia('screen');
        await page.pdf({
            path: 'src/dist/pdf/' + dadosAvaliacao.arquivo + '.pdf',
            format: 'A4',
            printBackground: true
        })
        await browser.close();

        return dadosAvaliacao.arquivo + '.pdf';
    } catch (error) {
        console.log('Errors => ', error);
    }
};

Answer 1

根据official documentation，如果您不提供路径，文件将不会保存到磁盘。

page.pdf（选项）： 可能具有以下属性的选项对象： path 保存 PDF 的文件路径。如果 path 是相对路径，则相对于当前工作目录进行解析。如果没有提供路径，PDF 将不会保存到磁盘。

这意味着它应该返回类似于缓冲区或生成文件的二进制表示的东西。您只需将其返回或通过管道将其返回到响应中，具体取决于您使用的框架。

这只是将 pdf 输出到控制台：

const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto('https://example.com');

console.log(await page.content());
const pdf = await page.pdf();

await browser.close();
console.log(pdf) // maybe do response(pdf).type('x-pdf')

编辑：这是一个使用 express 和 puppeteer 的完整示例，它直接在内存中返回 pdf 内容。它在 runkit 上运行，所以我认为同样的限制也适用（也许更多）。如果您导航到示例具有的公共端点，您可以看到浏览器如何检测到它是一个 pdf 文件并正确呈现它。

• 公开网址： https://puppeteer-express-pdf-export-w3o8ip7k207y.runkit.sh/
• Runkit 笔记本：https://runkit.com/danielo515/puppeteer-express-pdf-export

代码

const puppeteer = require ('puppeteer');
const express = require('express');
var app = express(exports);
const browser = await puppeteer.launch();

const main = async () => {

    const page = await browser.newPage();
    await page.goto('https://example.com');

    const pdf = await page.pdf();
    return pdf;
 }


app.get('/', async function (req, res) {
        const pdf = await main();
        res.contentType("application/pdf");
        res.send(pdf);
});

app.listen(3000, function(){ console.log('Listening on 3000') });