集成活页夹

1. 概述

1.1 功能概述

Wyn 支持将活页夹查看器嵌入到 Web 应用程序的任意 DIV 容器中去，为最终用户提供预览活页夹的能力。

2. 操作步骤

2.1 安装集成包

安装最新的 JavaScript 集成包：https://www.npmjs.com/package/@grapecity-software/wyn-integration。
```
npm install @grapecity-software/wyn-integration
```

2.2 集成

将 Wyn 活页夹查看器添加到 DIV 容器 wyn-root 中。

import { WynIntegration } from "@grapecity-software/wyn-integration";

let viewer = null;
const createDocumentBinderViewer = (baseUrl, token, documentId) => {
    if (viewer) {
        viewer.destroy();
        clearContainer();
    }

    WynIntegration.createDocumentBinderViewer({
        baseUrl: baseUrl,
        token: token,
        theme: 'default',
        language: 'zh',
        siteTitle: 'sds',
        documentId: documentId,
    }, '#wyn-root').then(ins => {
        viewer = ins;
    });
}

const clearContainer = () => {
    const container = document.querySelector('#wyn-root');
    if (container) container.innerHTML = '';
}

参数说明：
- baseURL 指 Wyn 服务器的地址。
- token 指访问 Wyn 服务器的令牌，在 Wyn的「系统管理>安全设置>生成令牌」界面生成，token 所代表的用户需要具有查看仪表板和查看报表的权限。具体获取方法，请详见生成令牌。
- documentId 指活页夹文档 Id，可以从 Wyn 的「文档门户>我的分析」中对应的活页夹文档列表获取。

1. 概述
1.1 功能概述
2. 操作步骤
2.1 安装集成包
2.2 集成