当前位置:首页 > 技术 > 正文内容

基于 WebSocket 与 pdfmake 构建实时 PDF 文档推送服务

访客 技术 2026年6月6日 1

pdfmake 是一个基于纯 JavaScript 构建的文档生成引擎,支持在 Node.js 服务端及浏览器客户端高效输出 PDF 文件。将 pdfmake 与 WebSocket 技术相结合,可以构建出一套响应迅速的实时 PDF 生成与推送架构。

核心环境初始化

在开始开发前,需确保 Node.js 环境已就绪。通过 npm 安装 pdfmake 及其依赖:

npm install pdfmake

PDF 文档定义与生成

pdfmake 通过 JSON 结构描述文档内容。以下示例展示了如何在服务端定义内容并将其输出为 PDF 流:

const PdfPrinter = require('pdfmake');

const fontDescriptors = {
  Roboto: {
    normal: 'fonts/Roboto-Regular.ttf',
    bold: 'fonts/Roboto-Medium.ttf'
  }
};

const printer = new PdfPrinter(fontDescriptors);

function generateDocument(contentData) {
  const docDefinition = {
    content: [
      { text: '实时生成的报告', style: 'header' },
      { text: contentData }
    ]
  };
  
  return printer.createPdfKitDocument(docDefinition);
}

构建 WebSocket 实时交互管道

利用 WebSocket 实现全双工通信,可以由客户端触发生成请求,服务端完成渲染后直接回传二进制流。以下是使用 ws 库的逻辑实现思路:

const WebSocket = require('ws');
const wss = new WebSocket.Server({ port: 8080 });

wss.on('connection', (ws) => {
  ws.on('message', (message) => {
    const data = JSON.parse(message);
    
    // 调用生成器获取 PDF 流
    const pdfDoc = generateDocument(data.content);
    
    let chunks = [];
    pdfDoc.on('data', (chunk) => chunks.push(chunk));
    pdfDoc.on('end', () => {
      const result = Buffer.concat(chunks);
      ws.send(result); // 将二进制 PDF 数据推送到前端
    });
    
    pdfDoc.end();
  });
});

架构扩展建议

  • 并发控制:在高并发场景下,建议引入 Bull 或 RabbitMQ 等消息队列,将 PDF 渲染任务异步化,避免 Node.js 单线程阻塞。
  • 内存管理:直接在内存中处理 PDF 流适用于小文件,对于大型报表,应优先将生成的流写入临时磁盘路径或 Blob 对象存储,随后通过 URL 回传。
  • 样式模板化:将复杂的文档结构封装为函数或模板引擎,通过传入动态 JSON 参数进行数据填充,以保持代码逻辑的可维护性。
  • 资源缓存:针对频繁请求的固定内容,可计算请求参数的哈希值作为缓存 Key,实现命中缓存直接返回 PDF,显著降低 CPU 消耗。

相关文章

Linux crontab 详解

1) crontab 是什么cron 是 Linux 的定时任务守护进程;crontab 是用来编辑/查看“按时间周期执行命令”的表(cron table)。常见两类:用户 crontab:每个用户一份(crontab -e 编辑)系统级 crontab / cron.d:可指定执行用户(/etc/crontab、/etc/cron.d/*)2) crontab 时间...

富文本里可以允许的 HTML 属性

一、所有标签默认允许的安全属性(极少)class        (可选)id           (通常建议禁用)title️ 注意:id 容易被滥用做锚点注入,很多系统直接禁用class 允许的话最好只允许固定前缀(如 editor-*)二、a 标签允许属性<a href="" t...

Mac 安装 Node.js 指南

方法一:通过官网安装包(最简单,适合初学者)如果你只是想快速安装并开始使用,这是最直接的方法。访问 Node.js 官网。页面会显示两个版本:LTS (Recommended For Most Users):长期支持版,最稳定。建议选这个。Current:最新特性版,包含最新功能但可能不够稳定。下载 .pkg 安装包并运行。按照安装向导点击“下一步”即可完成。方法二:使用 Homebrew 安装(...

Dom\HTML_NO_DEFAULT_NS 的副作用:自动加闭合标签

在使用Dom\HTMLDocument时,Dom\HTML_NO_DEFAULT_NS 将禁止在解析过程中设置元素的命名空间, 此设置是为了与DOMDocument向后兼容而存在的。当使用它时,已知的一个副作用就是:自动加闭合标签例如 </img> 为什么会这样?当你使用:Dom\HTML_NO_DEFAULT_NS文档会变成 无命名空间模式,此时内部更接近 XML...

Laravel 事件和监听器创建

在 Laravel 中,使用 Artisan 命令创建 Events(事件) 和 Listeners(监听器) 是非常高效的。你可以通过以下几种方式来实现:1. 手动创建单个 Event如果你只想创建一个事件类,可以使用 make:event 命令:Bashphp artisan make:event UserRegistered执行后,文件将生成在 app/Even...

自定义域名解析神器 dnsmasq

什么是 dnsmasq?dnsmasq 是一个轻量级、功能强大的网络服务工具,专为小型和中等规模网络设计。它是一个综合的网络基础设施解决方案[1]。dnsmasq 能做什么?功能说明应用场景DNS 转发与缓存将 DNS 查询转发到上游服务器(ISP、Google DNS 等),并在本地缓存结果加快 DNS 查询速度,减少外部 DNS 流量本地 DNS解析本地网络设备的主机名,无需编辑&n...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。