Angular 4 在新选项卡中使用节点 api 显示 pdf

Question

我的要求是使用 Nodejs api 生成 UI（角度 4 应用程序）的 pdf 视图。为此，我从 UI 中获取了全部内容并进行了一些预处理，这些预处理将发送到 nodejs api。在节点 api 中，我使用 html-pdfpackage 从收到的 html 生成 pdf。能够生成具有正确样式的 pdf，因为它出现在 UI 中。以下是我的问题

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

html-pdf package

来自 Angular 的节点 api 调用：

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

        })

当前数据是普通的 html 字符串，我通过在节点中设置 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);
})