基本原理

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

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

集成效果如下图：

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

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

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的门户打开预览文档，然后在预览区的右上角点击新窗口按钮获得，如下图：

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

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

为了能够直接打开文档，需要在文档URL后面加上令牌（token）参数，即 "&token=" + token，如：

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

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