node.js - Angular 4使用 Node api在新选项卡中显示pdf

Question

我的要求是使用 Nodejs api 生成 UI(Angular 4 应用程序)的 pdf View 。为此，我从 UI 中获取了全部内容并进行了一些预处理，这些预处理将发送到 Nodejs api。在node api中，我使用html-pdf包从收到的html生成pdf。能够生成具有正确样式的 pdf，就像 UI 中显示的那样。以下是我的问题

• 将整个 UI 内容(html、样式、bootstrap css)传递给 Node api 的安全方法是什么。 (目前作为 POC 目的的普通字符串传递)
• 我如何将 html-pdf 包生成的 pdf 流返回到 UI 以在新选项卡上显示它

html-pdf package

来自 Angular Node api 调用:

  this.http.post('http://localhost:3000/api/createpdf', { 'arraybuff': data }, options)
        .catch(this.handleError)
        .subscribe(res => {

        })

当前数据是普通的 html 字符串，我通过在 Node 中设置 body-parser 来检索它。

Answer 1

我认为没有更好的方法将 HTML 传递到服务器，或者可能我不知道，但要在新选项卡中打开链接，请使用下面的代码

 this.http.post('http://localhost:3000/api/createpdf', { 'arraybuff': data }, options)
.catch(this.handleError)
.subscribe(res => {
       var blob = new Blob([(<any>res)], { type: 'application/pdf' });
       var url = window.URL.createObjectURL(blob);
       window.open(url);
})