[]
        
(Showing Draft Content)

基本原理

在活字格页面中集成 Wyn 的文档,无论是报表还是仪表板,核心都是一个URL网址。

把这个URL网址作为活字格页面中某个链接的目标网址,或者作为页面中某个iframe的src属性值,即可实现用户在活字格页面中查看 Wyn 文档的需求。

集成效果如下图:

image2020-6-18_17-19-46.png

图中红框部分就是被集成的 Wyn 文档。

页面顶部的【查看报表】按钮,其命令为一个JavaScript命令,如下图:

image2020-6-18_17-19-31.png


JavaScript代码如下:

var iframe = $('[fgcname = "ReportContainer"]');
// 从本地存储中获取令牌
var token = window.localStorage["token"];
// 组织成可直接访问的URL
var urlStr = “http://localhost:51980/reports/view/5b8796af2e6c1b000e71adca?theme=default&lng=zh-CN+ "&token=" + token;
// 将URL设置为iframe的src属性
iframe.empty();
iframe.append("<iframe style='height: 100%; width: 100%; border: 0px;' src='" + urlStr + "'/>");

代码中,可直接访问的URL,由文档URL加上令牌参数("&token=" + token)构成。

文档URL可从 Wyn 的门户打开预览文档,然后在预览区的右上角点击新窗口按钮获得,如下图:

image2021-6-8_9-39-24.png


新窗口地址栏的URL就是文档URL:

image2020-6-18_17-57-1.png


在登录 Wyn 门户之前,直接访问这个文档URL,将会跳转到 Wyn 登录页面。

为了能够直接打开文档,需要在文档URL后面加上令牌(token)参数,即 "&token=" + token,如:

&token= 5b87……………71adca


令牌的获取,可以使用一个网页工具,也可以使用JavaScript代码调用 Wyn 的登录API。