[]
        
(Showing Draft Content)

DIV方式集成仪表板设计器

支持使用 DIV 的方式将仪表板设计器集成到其他业务系统中,本节为您介绍。

注意

进行 DIV 集成之前,需要将 Wyn 系统进行跨域配置,允许跨域请求。例如:

image2021-6-7_16-58-51.png

示例代码

下面为集成的示例代码。在实际应用中,您仅需根据示例说明替换相应的字段使用即可。

DivDesigner61.html

示例代码使用方法介绍

image.png

以下对应图中的编号,分别进行解释说明:

1. Wyn 系统的实际域名地址;

2. 仪表板(Dashboard)插件的版本号;

image.png

3. 用户Token。请确保使用的Token 具有足够权限(集成设计器则需创建仪表板权限)。具体获取方法,请详见生成令牌

type=info

提示

为了防止与第三方系统的token冲突,我们可以将Wyn的令牌参数“token“改为其他的字符串,比如“WYN_Token_123”。

如此做的话,在集成时需要在代码中指定新的参数名。

具体使用方法,请见如何修改Wyn的用户令牌名称“token”

4. 引用代码,用于集成设计器。集成的过程中可以通过参数对设计器进行定制化。

关于集成参数的详细介绍,请您参看产品 API文档中对应的章节内容。

DIV集成设计器总结

根据以上对示例代码每个部分的介绍,我们对各种集成场景需要的部分总结如下:

集成空设计器并指定数据集或数据模型

如果需要在设计器中指定数据集或模型,那么使用 datasetId 参数指定数据集或模型的ID即可。

ID的获取方法如下,在门户中选中数据集或模型,在URL中即可看到它的ID:

image2021-11-15_16-0-29.png

image.png

在集成之后的设计器中,添加组件时则户自动加载数据集。

image2021-11-15_16-10-36.png

集成仪表板的编辑状态

如您要集成设计器但要编辑已有文档,则需在集成空设计器的基础上添加仪表板的ID。

image.png