​​关注嘉为科技，获取运维新知

数据爆炸式的增长，给信息传播带来了更多的挑战。渐渐地，易于阅读的视觉化内容正在被越来越多的人所青睐，比如，一张知识体系框架图远胜于长篇大论的一本书，很多新书发布时都会考虑附赠一张思维导图。可视化就是把复杂抽象的数据信息，以合适的视觉元素及视角去呈现，方便理解和传递。

在企业IT运维领域，通过运维可视化能将整个运维过程中，关键环节和重要环节的大量数据信息形象直观的展示出来，这也越来越受到大家的关注。可视化，一方面能成就运维，将运维数据公开、透明，实现数据分享，让运维数据成为运维体验；另一方面能代表运维，运维可视化实现程度的高低，在一定程度上反映出我们对运维工作的理解程度。

哪些需求场景可以引入可视化呢？我们简单举两个例子：

场景一：在传统运维工作中，场景比较多的就是运维故障分析，每一次的故障排错和分析可能都需要协调多个技术领域的负责人（视故障等级而定）来一起讨论，针对出现的故障点进行快速关联分析，逐个去分析和排除各个技术点，找到真正导致故障的点，最后你可能会发现讨论的结果就是可以在大屏上展示的可视化关联关系图。

场景二：在运维管理工作中，定期都需要进行运维工作的总结和汇报，需要人为去各个不同的管理系统或者业务系统采集运维事件数、运维问题数据、业务可用性数据等等。为了在工作汇报中让领导更容易了解运维的现状以及运维的价值，此时就需要将以上收集的数据进行处理转换，通过各类可视化图表工具来展示。

不过在传统的运维环境下，由于自动化运维的完善度不高，运维数据需要人为进行收集和处理，建设一个动态的实时数据展示的可视化大屏，对运维技术人员来说就太麻烦了。再加上运维可视化设计涉及的技术框架、专业性要求高，可视化的展示就更困难了。

此时，是否有一款统一的可视化产品，能够帮助对接各个系统数据对象，按照专业的设计模板，动态展示需求数据？

比如下面的这个运维可视化展示大屏，一个非专业的工程师，大概半个月时间就能设计出来。

image

嘉维蓝鲸可视化SaaS，是基于蓝鲸平台开发的一款可视化工具，可以帮助运维工程师从运维数据、资产数据、监控拓扑、业务告警等多个维度，快速构建动态的可视化大屏，一目了然展示运维价值。

• 灵活适配：

  对接蓝鲸平台各个模块，对数据进行统一对接和处理，可支持API、MySQL、Influxdb、CSV等不同数据源，自动化提供实时数据展示；

• 快速构建：

  无需从零设计，基于运维可视化模板，帮助非专业工程师快速构建大屏；

• 易用实现：

  图形化的设计器，您只需通过组件任意组合、拖拽及连线，即可创造出专业的可视化应用；

• 组件丰富：

  提供2D和3D组件，包括常用图表、近300种IT资源模具、常用控件以及修饰辅助元素；

• 满足个性化：

  基于蓝鲸平台的开发框架快速扩展所需组件，从而满足企业个性化需求。

通过嘉维蓝鲸可视化SaaS工具，大约半个月时间就能上线属于你的专属运维可视化大屏。如下我们通过一个实际案例，来展示如何进行大屏的快速构建。

需求沟通

首先我们要分析需求。

结合可视化构建需要考虑的内容，如业务数据、监控拓扑、流程数据以及运维大数据分析等，我们需要确认的需求如下：

• 业务视角：

  提供业务系统的总览信息（包括各业务系统的监控状态、异常业务系统的展示、以及对异常业务系统的二级详细信息展示）、关键业务系统的拨测监控；

• 监控拓扑：

  提供监控网络拓扑图（包括核心网络设备的网络图谱图、网络设备的可用性、网络链路的可用性等）、关键业务系统的架构图；

• 资源监控：

  展示基础架构的存储、物理机、虚拟机、数据库等资源的容量监控信息；

• 流程角度：

  对接企业工单系统，实时展示企业全业务当日告警总量、未处理告警以及已转入ITSM的告警工单数量。

设计草图制作

根据需求沟通确认的内容，设计大屏草图，包括大屏各个模块需要展示的内容及使用的组件，并评审确认。

image

数据接口定义

根据上述大屏需求的确认和需要展示的内容对象，明确各个技术对象的数据接口规范，包括但不限于：

• 获取监控告警总览接口规范

• 获取业务系统拨测状态接口规范

• 获取网络设备性能详情接口规范

• 获取网络设备链路接口规范

• 业务系统健康概览数据标准

• 虚拟机、数据库健康状态展示

• 获取存储、物理机状态接口规范

设计和配置

这里主要介绍在嘉维蓝鲸平台的运维可视化新建大屏、设计大屏、添加组件、排版及样式、组件数据对接和大屏的发布。

大屏创建：主要基于嘉维蓝鲸运维可视化SaaS的可视化管理和模板管理实现。

在可视化管理中，可新建大屏，并可以对大屏进行设计、查看、删除、权限管理等操作。

image image

在模板管理中，可基于嘉维蓝鲸提供到内置大屏模板，快速创建的大屏，同时提供对模板的设计、删除等操作。

image

大屏设计和组件排版：基于嘉维蓝鲸运维可视化的可视化设计器和组件库实现。

在可视化设计器中，用户可以添加不同的组件到设计面板，然后进行一系列组件的样式调整、组件的排版设计、各组件关联关系的联动等操作，其核心功能如下：

1. 提供设计面板，可从组件库中添加控件到面板；

2. 在设计面板中可以通过拖拽来对组件进行排版和缩放，支持磁吸；

3. 提供工具栏，可对控件进行层次设置、对齐、删除等操作；

4. 可以动态设置背景样式；

5. 可以动态设置组件对应的样式属性和下钻动作；

6. 可以设置组件对应的数据源以及数据刷新频率；

7. 可以进行界面预览；

8. 模具类组件与CMDB进行联动对应；

9. 组件之间可以连线；

10. 可以预览大屏或将当前大屏设置为模版。

image

在组件库中，可提供大屏设计需求各种组件素材，如图表、模型、拓扑、修饰、控件等。

image image image

大屏中各组件数据的对接调试：可通过嘉维蓝鲸运维可视化中的数据源管理配置。

在数据源配置管理中，对数据进行抽取，然后供给数据给到组件进行展示，主要的功能包括：

1. 对数据源进行维护，包括增删改查；

2. 可对数据源进行预测试，来验证数据连通性和数据格式；

3. 数据源的类型支持API、MySQL、Influxdb、CSV，不同类型数据源对应不同的填写表单；

4. 可以编写脚本（python）对数据进行转换。

image

发布上线

然后，我们就完成了大屏的设计，赶紧发布上线吧！

image

​​​​