18.4.Grafana之Flowcharting实现动态可感知网络拓扑(补充篇)原创

大家好。在上一节视频中，我们讲到了使用交IO来绘制网络拓扑图啊，讲到了如何使用，嗯。搜索这些元素啊。这一节我们认真来讲一下。嗯，就绘制好了，从JOIO里面绘制好图以后，然后我们把它放到里面去。然后呢，上一节也讲到了，如果有一些图啊，就是说在JOIO里面可能有些图啊。这些元素啊，比如说打印机啊，或者是服务器啊，那些图标，可能你觉得它不是很美观，你可以从其他的一些工具里面猥琐啊，或者说那种。我们，嗯，有一个国产的软件那个意图，那个工具那个图比较漂亮，你可以从里面去导。啊，就是说。交支持vis格式的，嗯。

那个图形。嗯，但是兼容性不是很好，不是，嗯，就我在我的笔记本上是，嗯，就是使用的时候用VI2010啊，然后有装了2012013的那个查看的啊，导出来啊，然后再再导入到9IO里面是正常的，但是在我这个台式机上面。嗯，有一点问题，我们来看一下。但是那些图我们就是说对应的元素，比如说打印机啊，这些东西我们还是可以弄过来啊，我们来看一下。啊，就是这个意图工具，比如说我们现在要。绘制一些网络图标，比如说我觉得这这里面的意图里面的这些工具可能图标更漂亮啊，比如说这这些。

是吧，这些图标可能更漂亮。然后你看我们打开了意图里面的这个工具，假如说我们直接这样复制的话，我们来看一下能不能复制过来啊，你看它是复制不过来的是吧。这样是这样是复制不过来的，那我们如何把它弄，我们可以导出。比如说导导出成位数格式的啊，我们把它导出来导到桌面上啊。比如说我们替换。嗯，然后我们就可以用微手，它自动用微打开了，但是呢，嗯，这就导出来这个。嗯，也不能直接导入到JIO里面，它导不进去，但这些图我们至少可以用了，你看。是吧，这样就倒过来了。我们也可以，假如说那个Switch你不想要的话，那你就在这边在。在这幅图上面，你可以先先取消组合是吧，然后。

你把它拿拿出来诶。先把这些元素都改成取消组合啊，不要让它组合。然后你把这个拿出来。或者我们直接删掉它吧。比如说我们就要这个元素，我们把这个删掉。是吧？把它组合起来。啊，这这这是一种方法。嗯，是吧。这是一种方法，就是说我们可以嗯把一些图片，嗯，就是说经过在微里面处理以后，然后放到JIO里面来。啊。那我们接下来就是来讲一下把这幅图。放到我们的。

嗯，放到里面去，或到家庭里面去，然后我们我们要做的呢，就是。直接把这里面的元素复制出来，把它复制一下。好TCTRL加CCTRL加V就行了，然后呢，我们把它放到这边来，因为我这边我已经提前就是说为了节省时间啊，我提前把它复制进去了，测试了一遍，好。嗯，一会我就是把这个过程再讲一遍啊，然后比如说我把这里面的内容删了，你看一下它是不是没有了，然后我们把刚才粘过来的。啊。你看等他出来是不是？我们把它。说的话是不是。好，我们从上面这个WEB010203来开始讲，我们先保存一下啊。先保存一下，然后我们来开始讲。呃，在这里面我配置了一个本地的地址，就是说我在前一堂课说了，在这个地方配置一个外部版的就就IO，然后呢，比如说呃，我觉得这里面可能不太不太好看。

啊，这个位置啊，可能要调整，我可以改动一下拖过来，但是呢，这样方便是方便，但是你没有同步了，就比如说你这幅图有多个人在改的话，那你还是嗯，你可能嗯这幅这幅图你可能要放到getate服务器或者SVNSVN服务器上去。是吧，啊就是说你改好了以后，要要要要上传要归档。那你在这里改了以后，那你同样可以把这里面的内容，比如说我刚才调整了。啊，或者说我我想。我再稍微改动一下吧，我把它改动一下，比如说。嗯。嗯，这这个图这个颜色，比如说我要调整一下。

啊。蓝色的彩电。闪电比说。比如说我要把它调成蓝色啊。我这个闪电是拿下了，好，我把它。C、有危险。是吧？15以后，然后这个就是蓝色的了。然后我要把它。我仍然可以放到这边来啊，我把它替换。你看它是不是也是蓝色的，然后在这边就可以也可以上传啊，只是在这边的话就是一边编辑就一边改了，可能会觉得方便一些，然后呢，嗯，这里这里有个锁，你不锁的话，其实你看啊它它直接在上面就可以改。然后我我把它那个scar。你有些。但是改起来还是不是很方便吧，就比如说你可以拖动是不是。啊，这个我就我把它还原了我。

呃，就不建议再直接这样拖动去改啊，我我重新刷新一下。这样改的话，你。嗯，同样也是可以复制的，就把把那里面的，把这个地方这个叉ma这个东西复制过去，Source content这里面的内容可以复制过去，然后其实。我们有些图片，你觉得你觉得你可以使用外部的图片都可以的，它这里面有图片的路径的啊。是可以的。可以指定图片的路径来来使用的啊，大家自己可以去研究一下啊，然后就是说这里可以编辑啊，然后呢。我们现在呢，就是来加一些规则啊，这规则我提前加好了，比如说我对。CP01啊，我。我先讲一下这边的元素吧，这边的元素的话，我模拟了这么多元素，比如说CPS01就是我的我的主机啊，我的虚拟主机是啊六台。

嗯。CP01到零三。嗯，就是safe safe01到零三的话，对应的WEB01到零三，然后K8S的MASTER01NO001NO02，对应的下面的这三台。啊，然后其他的也是模，就说比如说也是CS0一来替代的，你看CPS01这是用ZB的数据源啊，用的是缺省的Z数据源。用他这个数据。我这里你看加了这么多内容，零三，然后落0102MASTER01加完了，然后再加上s server，然后底下的网卡的流量来模拟路由器和交换机的流量啊。啊，这样去添加。然后我们来看一下。数据源其实不是重点啊，那那个前面的配置，然后我们比如说我们现在制制定一条规则，这条规则是CP01，有多少个问题嘛，就这个规则的名字你可以自己定啊，然后这个应用的就是C前面数据那个度量的CP01这个，然后呢，它的类型，因为这个是问题数嘛，问题个数嘛，就是说我写的circle，就是说。

它出现几个问题，多少个问题大于零。大于零个的话，那就是有问题了，就是一个嘛，至少一个嘛，所以它的是得什么是整数。单位是short，然后呢，这个阈值呢，嗯，我我这里设的是就是说零这个LEVEL0和一，只设零和一，如果是大于一。因为这上面是零，就。大于一个也包括了等于一个啊，它这里是你不可能大于零。零大于零吗？你看它这里是零，零大于零吗。

所以我们这里设的是一。啊，这里要是一一包含一了。啊，大家可以去测试一下啊，我这里是设成一，就是说有一个的话，它就会告警你如果说设成零的话。那是有问题的。啊，你们可以试一下，然后这个这个label label就是问题数。就是在这里显示的时候，你鼠标放过去的时候，这上面显示有一个问题数是零嘛，是不是。好。然后这个是呃，状态是always啊，就是说什么时候显示这个度量，这个度量值就是这个图形啊。这上面的问题数啊，这个这个度量你就始终显示，如果你想等有问题的时候再显示的话，那这里它就它就不会有了，你鼠标放上去的时候，它就不会有了，是不是好，我们这显always显示，然后这个方向就是垂直。啊，还有水平的啊，你自己选color with state，如果你就说你的颜色随状态，你如果说把它关闭的话，你看它是灰色的。

你等一下，他可能没刷新，我们这里是一个刷新。啊，因为有时候你调整了以后，它没有及时刷新啊，你看它变成灰色了是不是，然后我们把它再开起来，你等一会再看一下啊。等一下。好，我们一会儿再看吧，然后这是是否显示图形，如果这里没有开起来的话，它只会显示一个问题数，比如说我们把这里关了啊，它只会显示问题数，它没有图形啊，然后我们开起来的话，这里就有图形了。啊，你看是不是它又变变色了，嗯。然后这是Y轴，Y轴的话，你问题数的话，肯定是从零开至少是零嘛，是吧，然后这是自适应的，有小图，中图，大图或者是自适应，你看我如果调成大图的话，你看它变成什么样了，它这个图是不是框是不是变成很大了，如我们把它变成中图的话。啊，你看它就是这样的，所以我们这里自适应就行了，好这上面的就大家根据这个标签啊，鼠标提示提示啊，还有图形的提示啊，啊然后这里是颜色啊，提示符映射，然后呢，这里就我再讲一下。

比如说我这里对应的是是这个图是不是，然后你看我这个标签。我选我其实我选的就是他，你看哦。啊，110是不是。尾号是110，我们看一下这些。这不。这里哦，是上面这个搞错了。我们应该，我们应该选的是这个。啊。是182。是吧，你看182。这个ID，这个182尾号182的ID，我们刚才看了link是这个。我们要把它再放大一点啊。

嗯，我们让他自适一下。我们这样吧，好。然后我们再来看一下。我把它调调调大了一点。然后。讲到这里了。这要。这是第二条规则，我们讲到182尾号182对应的是这个元素，这个WEB01是不是，然后呢，它当它。Always始终填车填充，不管是什么状态，它始终是填充，如果你等到warning和critical的话，它就不会变色了，是不是它就是这种黑色，只有当它是出问题的时候，它才会填充，填充成一种颜色，所以我就是这里的话，你可以可以设成成warning和critical的时候是变颜色，我这里就设置成always，就是说正常它是绿色的啊，填充。

啊，这里是填充色。然后呢，其实这这里待会我讲这啊photo家庭这里还有一个问题，我一会跟大家讲，然后这里呢，这个就是一个。标签的映射啊，比如说。你把他的。有问题的时候，他应该会把它的问题个数列出来啊，我这里假如说啊，CS01是不是CPS01，我把。我调我看一下CPS01上面我给他。设一个告警出来。CPH01，我看一下能不能设计一个告警出来。可能。嗯。一下网卡流量，能不能设一个报警出来。或者我压一下吧，压一下CD片水泥。

啊，我们一会儿看一下。啊，不能要这个，待会负载太高了，搞不动了，我就我先把CPS1的。我看一下怎么样，我加一个不存在的。服务吧。让他来靠近。我创建一个item。好。我们创建一个PC。比如说我test PID吧，好吧，我们创建一个test PID。然后。Active。嗯，Test APP。我们创建一个test，然后我们在创建一个触发器。

你搜索一下TT。然后。Test PID。等于零时。高级。等于零。确实应该是等于零，好，我们我们一会来看一下它会不会有。我们接着来看。就是说。嗯，当它是warning的时候，当它是warning的时候，然后填充把它的问题数暴露出来，就有几个问题啊，然后呢，这个是。这是一个链接的映射啊，加一个访问地址链接的映射。当他是。啊，你或者你可以设成warning和的时候，让它链接到这个地方啊，然后呢，这个地方就比较关键，这个是动作啊。

这里还是182，嗯，就是还是对应的这个ID，当它是。我们这里是是那个问题的等级嘛，我们只有零和一嘛，是吧，当它是一的时候就是说。就是这个地方，当它有一个问题的时候，然后它就反转，就是说嗯，滚动转动90度。我们看一下。C撇一。我们看一下。Admits。我们来看一下CPS1。TST。嗯，还没出来，等一下。

我明天看一下。TST。啊，一分钟检测一次，还没出来，等一下啊。嗯，他现在是出来了是吧。好。啊，你看它这里就是说。倾斜了，因为我这个主机，这个主机这三台主机其实对应的都是都是赛零一，都是这个，所以我这里暴露一个问题，以后他三台主机你看它的状态是不是倾斜。首先它填充了。它它斜斜了90度，是不是，比如说我斜成45度了。你看啊，等它刷新的时候，它就变成45度了。啊，它是不是在调整是吧，调整成45度了啊，就是颜色变成。

达到日子变成红色了，是不是？是吧，然后呢，它是每每这个blink，就是说闪烁它每500就是说0.5秒。刷一次。啊，闪烁一次，因为这个我开的虚拟主机太多了，它这个有时候可能会没有那么明显啊。然后呢，我刚才说的说的一个问题是，你看这里有一个一，是不是它这个一，它这个数字太小了。所以呢，我们想让它调大一点。啊，调大一点，我们就在。可以在这里。我们让他比如说。设置一下它的字体。是不是？然后它的字体变成红色了，但是太小了是不是，那你又在这里可以对它。再加一个标签，然后当它是一的时候。

啊，我这我这里已经很卡了。啊，我这里已经点点不动了。因为我开的虚拟主机太多了。啊，然后我们可以设置它的。嗯，Size。我们在绘图的时候，其实我们就应该关注这些字体应该有多大，比如说我们调成16啊。你看它刷新。然后。或者我们可以，我们。我们可以把它替换这个数字其实没有什么意义，是不是，我们还不如把它把这个label把上面的那个一替换了，就是说。呃，异常或者说告警，给他来个文字。你看等一下它会不会发生变化，是不是它这里发生变化了。是吧，但是它这个字体还比较小，我们，所以我们还可以再追加一个。

就让他把它的字体调大一点。呃，由由于时间的关系的话，就是说我只是给大家再演示一下这个啊，这里面的一些设置项啊。我们先把当然我不会说把这个图上所有的元素都都讲一遍啊。比如说。我们收到16，看他的字体大不大一点。嗯。我们直接再调大一点吧。调到24。因为。这上面元素一多，开了虚拟机一多就很卡了，你看这个地方它就有警告。啊，我这里你看鼠标放上去之后。

啊，我们我们来保存一下，刷新一下看一下。啊，你看这个字体是不是很大了，是不是告警。是不是45度倾斜。我们我们来强刷一下。啊，然后我刚才说的一个问题是什么呢？就比如说我刚才在那里加了两个，在看的那个地方麦那里加了两个。你看它的问题数就显示有两个图在这里了啊，本身我其实需要一个图就行了，它这里有上下问题数一，下面也是问题数一就出现了这种了啊，现在这里都是啊，0.5秒刷一次，0.5秒刷一次，是不是这个是倾斜45度，45度这个是这边是倾斜90度。啊，然后你看底下的元素都没有加载出来，就是因为它一直在刷。嗯。

因为机器开的虚拟机太多了啊，这这这个是主机的这种。然后呢，我再讲一下。嗯。刚才这个动作这里面我一下子就讲了好几种了。啊，这个动作。动作元素我这里就讲了好几种了，一个是嗯，就是说旋转45度，然后呢，Blink就闪烁多长时间闪烁一次，然后把它的标签开始那个数字一替换成一个文字，然后我把这里改成小一点嘛。改小，然后他刷一下，待会就变变小了。啊，然后呢，我们再看一下其他的。嗯，像这些滚动这些我已经讲过了。嗯，我看还还要讲一下什么。哦。

我们再讲一下形状吧。嗯，我们仍然拿CPS01来讲好了。CP01。嗯，因为太这里太卡了，我把其他的。呃，我就这里就不旋转了，我把这个删了，这个元素删了就不不不转动了，然后我再给它加一个元素啊。有做复制这个指标。嗯。这里设成一。然后呢？这这个地方。嗯。刚才说了这里是旋转，然后这是闪烁，然后如果说当它故障了的时候。我把它隐藏了。就相当于没有了。我们来看一下。啊，是不是它去掉了，但是这样的话。

所有的都没有了，你都不知道。啊，这只是一种，呃，可以在这个地方，就是有多个连接线的时候，它突然间掉了啊。是可以的啊，这里是隐藏了，相当于啊。啊，这个功能也讲一下，然后呢，我比如说我想让它变一个形状。嗯。我看一下它有一个改变形状的。是改变形状，我看一下。我那个文，呃，先前的那个文档里面有写，我我看一下对应的是哪一个。Change form。啊。改变形状，然后它改变的形状它有哪些呢？比如说。我变成一个科比这种你看啊。

它上面形状是不是变了。我们来保存一下，刷新一下，看一下，看它的形状变成什么。啊，就是说啊，如果它故障了，让它变个形状是可以的吧。啊，我们再来看一下。是不是它变成一个这种立方体。是不是？然后它底下也有文字啊，它变成这样子了，是不是，如果好，如果这个时候我们让他把这个。这个高级。这个缺个。比如说我让他恢复起来。我把这个这个触发器禁用。我们再一会再来看一下啊，这边没有了，我们刷新一下。强刷一下。嗯，还没还没数据还没有同步到里面来。

可能没那么快。它的效果就是就是这样子的，然后路由器上面我把网卡的流量加进来，比如说。嗯。你也可以让它旋转。也可以让它变成不同的形状。啊啊，现在是正常了，你看它已经没有了，都不闪烁了，它已经变成绿色了啊。然后其实这个呃，显示这个图形啊，鼠标放上去显示这个图形啊，这个效果可要可不要吧啊根据个人的习惯，因为如果说我在那里加了那个。刚才说的，如果是在这个地方设置了。啊，如果我们在这里。在这里就是说color啊，T maps如果设置成多个的话，你有多少个，你加多少个，它这里就会显示。

几个，你看我再加一个。比如说。Imagine background。你看它这里应该就有三个了，是不是。它这里就显示三个了。如果你可以不让它显示这个图也可以的啊，你关闭了它就不显示了，它就问题数，但是这样也也不太好看，是不是，它显示三个问题数是不是。啊，所以所以我觉得这里这里你要不就这个眼睛的话，你就把它关掉，但是那样它就不生效了。是不是？它虽然是问题是一了，但是它下面的比如说字体大小啊，颜色啊那些东西它就区分不开了呀。是吧？啊，这个。其实这个啊，我们可以就是说其他的功能啊，嗯，比如动作啊，以及其他的他这些URL这些东西啊，啊到什么状态的时候啊，我们我们可以自己。

再去尝试，就按我刚才这样说的。是吧，按我刚才这样测试的，就是说你模拟一个故障，写一个这样的不存在的一个服务，模拟一下进程啊，或者其他的ping啊什么的，你可以啊，你看。我鼠标经经过上去，然后它这个地址我们可以跳到跳到对应的地址里面去嘛，是吧。比如说我跳到啊CPS01里面去了啊，这里有没有问题啊。跳到这这个主题来是吧。在新窗口打开我们鼠标放上去，这里有问题啊，这里有个例子，这里有一个例址。这后面我就没加了。它的效果就是这样子。嗯。然后嗯，讲了这么久，20应该有20节视频了，然后可能发的这些基本上就已经啊基本上就已经讲完了，然后后面的话可能还会嗯录嗯大概两节的视频，做一个总结，就做一个实际上就说嗯，企业在用的一个一个监控大盘吧，啊做一个这样的可能还需要。

啊，两节视频可能就一个小时左右吧，啊，给大家再再讲一下。