拓扑图可视化(3.5)

对于ESB服务总线，特别是涉及到两级架构集成的时候，采用类似拓扑图的可视化思路来进行集成架构和部署架构图的可视化是一个可选的方案。

今天基于拓扑图可视化为关键字搜索，搜索到两个可视化 工具 软件，虽然都是付费软件，但是对于拓扑图，部署架构，集成关系图等方面的展示能力还是相当强。

1. TWaver工具： http://www.servasoft.com/

2. Qunee工具： http://qunee.com/

两个工具都是基于Html5实现的，稍微偏重，但是整体展示效果还是很不错。同时既带了设计器功能，又带了前端展示工具。而这也是我们在进行集成架构，整体服务集成可视化最需要的功能。

初步思考来看，可以考虑的点包括了

1. 实现集团和子公司或省两级架构的拓扑图效果展示和接口服务集成监控。

布局原来一直太强调结合地图进行展示，实际上效果并不一定太好。这里可以直接自己定义布局模式，初步想法就是中心为集团，四边方框来线上各个省或子公司。形成完整的两级集团展示效果。这种展示方式也方便直接线上到大屏上去。

2. 对于当前ESB平台本身的资源和服务状态监控可视化

这套可视化工具很容易实现这点，我们只需要先可视化的设计出部署架构布局，然后再将实际对数据库，应用中间件资源，包括服务运行的各种状态信息，异常信息直接显示到整体部署逻辑架构图上即可。这样可以更加可视化的监控到资源当前的运行状态和异常发生情况。

3. 服务集成架构展示

在最早我们做自研ESB产品的时候，采用Flash实现了一个集成架构的展示效果，但是整体效果并不是很好。而通过这套可视化工具，可以用来实现这种集成架构的效果展示。同时可以展示出两级架构的集成效果。即可以分层展开效果。

集成架构不需要提前进行设计，而是需要在后台提取了集成关系后，自动进行拓扑生成和自动化布局。集成架构中的连线可以用来表示当前系统间的接口服务连通性和接口服务调用流量等信息。

类似Qunee示例中的Bus Demo，可以参考。

4. 端到端流程监控可视化设计

基于服务间的集成关系和调用先后顺序来实现端到端的流程监控，这个我在博客前面多次提到，也一直在寻找比较好的前端设计工具来做。比如对我们已有的流程平台流程建模工具前端进行适度改进来支持等。

对于这类需求也可以用前面提到的工具来实现，先进行端到端监控流程图的设计，然后在进行运行展示。其中最主要的还是在运行态的各类信息，比如运行状态，数量，是否又异常等是否很容易叠加到已有的设计图上。只要能够解决这个问题，那么就能够很好的应用到端到端流程监控的可视化设计中。

以上谈到的点都是当前类似百度Echart等工具不能很好支撑的点。对于百度Echart来做监控大屏的展示，当前基本已经无技术问题，只是UI设计方面的问题。具体可参考：

监控大屏效果： http://www.uileader.com/quickui_display.html