Nodejs如何在页面实现另存为pdf呢？

Nodejs如何在页面实现另存为pdf呢？

nodejs如何在页面实现另存为pdf呢？

3 回复

当然可以。要在 Node.js 页面中实现将内容另存为 PDF 的功能，你可以使用一些强大的库，比如 html-pdf 或者 puppeteer。下面是两种方法的简要说明和示例代码。

方法一：使用 html-pdf

html-pdf 是一个简单易用的库，可以直接将 HTML 字符串或文件转换成 PDF 文件。

  1. 首先安装 html-pdf 库：
npm install html-pdf
  1. 创建一个简单的 Express 服务器来处理请求，并将 HTML 转换为 PDF：
const express = require('express');
const pdf = require('html-pdf');

const app = express();

app.get('/convert-to-pdf', (req, res) => {
    const html = `
        <h1>Hello, World!</h1>
        <p>This is a test PDF generated from HTML.</p>
    `;

    pdf.create(html).toFile('output.pdf', function(err, response) {
        if (err) return res.send(err);
        res.download('output.pdf'); // 下载生成的 PDF 文件
    });
});

app.listen(3000, () => console.log('Server started on port 3000'));

方法二：使用 puppeteer

puppeteer 是一个更高级的库，它基于 Chrome 浏览器，能够生成复杂的 PDF 文档。

  1. 安装 puppeteer：
npm install puppeteer
  1. 使用 puppeteer 将网页内容转换为 PDF：
const express = require('express');
const puppeteer = require('puppeteer');

const app = express();

app.get('/convert-to-pdf', async (req, res) => {
    const browser = await puppeteer.launch();
    const page = await browser.newPage();

    // 加载一个网页或直接加载 HTML 字符串
    await page.setContent(`
        <h1>Hello, World!</h1>
        <p>This is a test PDF generated using Puppeteer.</p>
    `);

    await page.pdf({ path: 'output.pdf', format: 'A4' });

    await browser.close();

    res.download('output.pdf'); // 下载生成的 PDF 文件
});

app.listen(3000, () => console.log('Server started on port 3000'));

以上就是使用 Node.js 实现将页面内容另存为 PDF 的两种方法。选择哪种方法取决于你的具体需求。如果你需要生成简单的静态 HTML，html-pdf 可能就足够了。如果你需要生成复杂的网页内容（例如包含 JavaScript 渲染的动态内容），那么 puppeteer 会是一个更好的选择。


http://pdfkit.org/

要在Node.js中实现将网页保存为PDF的功能，可以使用puppeteer库。puppeteer是Google Chrome团队开发的一个Node库，它提供了一组高级API来通过DevTools协议控制Chrome或Chromium。

示例代码

首先需要安装puppeteer库：

npm install puppeteer

然后可以编写一个简单的Node.js脚本来生成PDF文件：

const puppeteer = require('puppeteer');

async function generatePDF() {
    // 启动浏览器实例
    const browser = await puppeteer.launch();
    // 打开新页面
    const page = await browser.newPage();

    // 设置页面视图大小，模拟设备屏幕
    await page.setViewport({ width: 1280, height: 720 });

    // 导航到目标网址
    await page.goto('https://www.example.com', { waitUntil: 'networkidle2' });

    // 生成PDF并保存到文件
    await page.pdf({ path: 'example.pdf', format: 'A4' });

    // 关闭浏览器实例
    await browser.close();
}

generatePDF().catch(err => console.error(err));

解释

  1. 引入puppeteer：通过require语句引入puppeteer库。
  2. 启动浏览器：使用puppeteer.launch()启动一个无头浏览器实例（无头模式意味着浏览器不显示GUI）。
  3. 打开页面：使用browser.newPage()创建一个新的页面实例，并用page.goto()导航到指定的URL。
  4. 设置页面大小：page.setViewport()用于设置页面的尺寸，这里我们设定了一个1280x720像素的视口，这有助于模拟不同设备的显示效果。
  5. 生成PDF：通过page.pdf()方法生成PDF文件，参数path指定了输出文件的路径，format参数设置了PDF的纸张格式。
  6. 关闭浏览器：最后，调用browser.close()关闭浏览器实例以释放资源。

这个脚本会从指定网址抓取页面内容，并将其转换为PDF格式保存。注意，由于网络请求的原因，可能需要等待一段时间才能完成整个过程。

回到顶部