集成门户
功能概述
Wyn 支持将文档门户和管理门户嵌入到 Web 应用程序的任意 DIV 容器中。用户可以根据需求自定义门户，或者直接在自己的应用程序中配置 Wyn，从而实现无缝集成。
集成方法如下：
安装最新的集成包
https://www.npmjs.com/package/@grapecity-software/wyn-integration
npm install @grapecity-software/wyn-integration集成门户
集成文档门户
import { WynIntegration } from "@grapecity-software/wyn-integration";
let portal: any = null;
const createPortal = (baseUrl, token, title, documentId) => {
if (portal) {
portal.destroy();
}
WynIntegration.createDocumentPortal({
baseUrl: baseUrl,
token: token,
theme: 'default',
language: 'zh',
}, '#wyn-root').then(ins => {
portal = ins;
});
}集成管理门户
import { WynIntegration } from "@grapecity-software/wyn-integration";
let portal: any = null;
const createPortal = (baseUrl, token, title, documentId) => {
if (portal) {
portal.destroy();
}
WynIntegration.createAdminPortal({
baseUrl: baseUrl,
token: token,
theme: 'default',
language: 'zh',
}, '#wyn-root').then(ins => {
portal = ins;
});
}参数说明
baseURL 指的是 Wyn服务器的地址。
token 指的是访问 Wyn服务器的令牌，在 Wyn的管理后台生成，token 所代表的用户需要具有创建仪表板的权限。具体获取方法，请详见生成令牌。
theme 指的是文档主题。
language 指的是画面语言配置。
更多的设置参考API文档：
集成示例
集成数据源列表
import { WynIntegration } from "@grapecity-software/wyn-integration";
let portal: any = null;
const createPortal = (baseUrl, token, title, documentId) => {
if (portal) {
portal.destroy();
}
WynIntegration.createDocumentPortal({
baseUrl: baseUrl,
token: token,
theme: 'default',
language: 'zh',
hideNav: true,
entry: 'datasource',
}, '#wyn-root').then(ins => {
portal = ins;
});
}
集成可切换目录的目录列表
import { WynIntegration } from "@grapecity-software/wyn-integration";
let portal: any = null;
const createPortal = (baseUrl, token, title, documentId) => {
if (portal) {
portal.destroy();
}
WynIntegration.createDocumentPortal({
baseUrl: baseUrl,
token: token,
theme: 'default',
language: 'zh',
hidePrimaryNav: true,
entry: 'categories',
}, '#wyn-root').then(ins => {
portal = ins;
});
}
管理门户集成效果：