HTML导出为PDF：前端起飞，node当家，puppeteer技惊四座！

2023-12-17 06:20:28

使用 Node.js 和 Puppeteer 简化 HTML 转 PDF

轻松告别繁琐，一键导出 PDF

在当今数字化时代，我们经常需要将网页内容保存或分享。然而，传统的 HTML 导出 PDF 方法既费时又乏味，还可能导致布局和样式丢失。本文将介绍一种更有效且自动化的解决方案——使用 Node.js 和 Puppeteer 来转换 HTML。

Node.js：前端开发的利器

Node.js 是一款基于 JavaScript 的运行时环境，可用于构建命令行程序和 Web 服务器。它在前端开发中扮演着至关重要的角色，为自动化和定制提供了便利。

Puppeteer：HTML 转 PDF 的超级英雄

Puppeteer 是一款无头 Chrome 浏览器，允许我们使用 JavaScript 脚本控制浏览器，实现页面抓取、截图和 PDF 导出等操作。在 HTML 转 PDF 场景中，Puppeteer 能够完美地保留页面布局和样式，并提供丰富的 PDF 导出选项。

实战步骤：分步导出 PDF

1. 安装依赖项

npm install nodejs puppeteer

2. 创建 Node.js 服务

const express = require('express');
const puppeteer = require('puppeteer');

const app = express();

app.post('/export-pdf', async (req, res) => {
  const html = req.body.html;

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

  const pdfBuffer = await page.pdf();

  await browser.close();

  res.contentType('application/pdf');
  res.send(pdfBuffer);
});

app.listen(3000);

3. 调用 Node.js 服务

const axios = require('axios');

const exportPdf = async (html) => {
  const response = await axios.post('http://localhost:3000/export-pdf', { html });

  return response.data;
};