分享
首页 资讯 技术分享 查看内容

【森技能】森拓扑如何离线使用

发表于 2022-7-29 09:33
zzv_icon601 zzr_icon0
摘要: 森拓扑是面向物联网的2D拓扑图绘制工具。简单易用、轻量便捷的采用拖拉拽的交互方式快速完成拓扑图、流程图、工业组态、IT运维等多种场景下视图的绘制。并可在低代码ThingJS/零代码ThingJS-X中进行引用和编辑,实现2 ...


森拓扑是面向物联网的2D拓扑图绘制工具。简单易用、轻量便捷的采用拖拉拽的交互方式快速完成拓扑图、流程图、工业组态、IT运维等多种场景下视图的绘制。并可在低代码ThingJS/零代码ThingJS-X中进行引用和编辑,实现2D组态与3D场景的联动。

【森技能】森拓扑如何离线使用

(污水处理系统组态图)

森拓扑在线画完图之后,如何下载部署运行态的拓扑图?

1、新建项目

登录低代码ThingJS网站新建项目。

【森技能】森拓扑如何离线使用

把如下代码考入到编辑框,保存项目。
THING.Utils.dynamicLoad(['https://topo.thingjs.com/static/js/thing.diagram.min.js'], function () {    // 初始化拓扑场景    const graph = new THING.DIAGRAM.Graph({      container: 'div2d', // 容器元素 id      url: '/diagrams/20180e1eaf217304?page=001eir79' // 拓扑场景资源路径    })    // 视图加载完成    graph.on('load', () => {        console.log('加载完成')    })})

拓扑场景资源路径中的20180e1eaf217304是森拓扑视图ID,001eir79是sheetID,可以不要参数page,默认为视图中第一个sheet页。这两个参数可从森拓扑编辑器url中获取,如下图:

【森技能】森拓扑如何离线使用

保存项目后在低代码内运行:

【森技能】森拓扑如何离线使用

2、离线部署

点击下载,进入离线部署管理页面。

【森技能】森拓扑如何离线使用

生成离线部署包

点击生成临时部署或者生成永久部署按钮。这里可以选择Windows和Linux操作系统,选择Windows后点击确认,开始生成部署包。

【森技能】森拓扑如何离线使用

下载离线部署包

生成完部署包后点击下载。

【森技能】森拓扑如何离线使用

启动离线部署服务

下载完解压, 文件目录如下:

【森技能】森拓扑如何离线使用

其中system/conf/application.properties中可以修改部署本地服务的端口号。

【森技能】森拓扑如何离线使用

修改好端口号,启动start.exe, 出现如下界面,本地服务就启动了。

【森技能】森拓扑如何离线使用

授权离线部署包

授权顺序为:下载机器码文件>申请临时授权码文件>授权

授权完成后出现如下界面:

【森技能】森拓扑如何离线使用

离线部署流程示例

【森技能】森拓扑如何离线使用