在Express中从HTML和CSS创建PDF(服务器端)
在Express中,可以使用一些库和工具来从HTML和CSS创建PDF文件。以下是一个完整的解决方案:
- 安装依赖库:
express
:用于创建和管理Express应用程序。puppeteer
:一个无头浏览器工具,可以模拟浏览器行为并生成PDF文件。- 你可以使用以下命令安装这些库:
- 你可以使用以下命令安装这些库:
- 创建Express应用程序:
在你的项目文件夹中创建一个新的JavaScript文件(例如app.js),并添加以下代码:
- 创建Express应用程序:
在你的项目文件夹中创建一个新的JavaScript文件(例如app.js),并添加以下代码:
- 创建HTML和CSS文件:
在public文件夹中创建一个名为index.html的HTML文件,并添加你想要转换为PDF的内容。同时,你可以在public文件夹中创建一个名为style.css的CSS文件,用于样式化HTML内容。
- 添加生成PDF的路由:
在app.js文件中添加以下代码,以在访问特定路由时生成PDF文件:
- 添加生成PDF的路由:
在app.js文件中添加以下代码,以在访问特定路由时生成PDF文件:
- 运行应用程序:
在命令行中运行以下命令启动Express应用程序:
- 运行应用程序:
在命令行中运行以下命令启动Express应用程序:
- 生成PDF文件:
在浏览器中访问 http://localhost:3000/generate-pdf,将会生成一个包含HTML内容的PDF文件,并自动下载到本地。
这是一个基本的从HTML和CSS创建PDF的示例。你可以根据自己的需求进行定制和扩展。如果你想了解更多关于Express、puppeteer和PDF生成的信息,可以参考以下链接: