spring cloud图形化dashboard是如何实现指标的收集展示的

扫码关注公众号:Java 技术驿站

发送:vip
将链接复制到本浏览器,永久解锁本站全部文章

【公众号:Java 技术驿站】 【加作者微信交流技术,拉技术群】

spring cloud图形化dashboard是如何实现指标的收集展示的

1、dashboard图形化界面入口

http://localhost:10000/hystrix.stream

说明:端口是由配置文件server.port=10000来指定的,可以修改。

打开后可以看到如下的界面

201910202006\_1.png

输入需要监控的集群,然后点击Monitor Stream按钮,进行集群监控
这边假设输入
http://localhost:10000/turbine.stream?cluster=default
可以看到下面的界面

201910202006\_2.png

注:如果看到的是空白页面,需要访问一下开启了@HystrixCommand注解的rest方法,本文中有两个方法,hello、hellosleep方法。

        @GetMapping("/hello")
        @HystrixCommand(fallbackMethod = "helloFallback")
        public String hello() {
            return "provide hello world";
        }
        @GetMapping("/hellosleep")
        @HystrixCommand(fallbackMethod = "helloexFallback")
        public String hellosleep() throws InterruptedException {
            int i = 2000;
            TimeUnit.MILLISECONDS.sleep(i);
            return "provide hellosleep world!";
        }

2、dashboard是如何实现监控数据的获取的。

我们通过浏览器工具打开网络监控,或者使用F12快捷键查看监控的url。
如下:

201910202006\_3.png

url:
http://localhost:10000/proxy.stream?origin=http%3A%2F%2Flocalhost%3A10000%2Fturbine.stream%3Fcluster%3Ddefault

我们看到,它是通过proxy.stream来获取数据,有一个origin参数,就是前面我们输入的想要监控的那个url地址,即【http://localhost:10000/turbine.stream?cluster=default】。proxy.stream其实对应的是一个servlet
查看源码:
HystrixDashboardConfiguration可以看到它有一个内部类ProxyStreamServlet就是用来处理这个url的。
关键源码如下:

201910202006\_4.png

这个servlet其实就是通过origin来获取数据,如果我们直接访问origin所对应的地址,可以看到如下的数据,像流一样源源不断的打印出来。

201910202006\_5.png

图形化的界面其实就是从这个servlet获取数据,并展示的

3、servlet怎么把流数据返回

            httpget = new HttpGet(proxyUrl);
            HttpClient client = ProxyConnectionManager.httpClient;
            HttpResponse httpResponse = client.execute(httpget);
            int statusCode = httpResponse.getStatusLine().getStatusCode();
            if (statusCode == HttpStatus.SC_OK) {
                is = httpResponse.getEntity().getContent();
                //省略代码...
                OutputStream os = response.getOutputStream();
                int b = -1;
                while ((b = is.read()) != -1) {
                    try {
                        os.write(b);
                        if (b == 10 /** flush buffer on line feed */
                                ) {
                            os.flush();
                        }
                    }
                    catch (Exception ex) {
                        //省略代码...
                    }
                }
            }

servlet其实就是通过url去获取响应结果,然后不断的输出到前台页面。

4、前台界面怎么展示不断响应回来的流数据呢

这边主要用到了HTML5的一个对象EventSource,可以获取到这个数据。
注意: EventSource不支持IE浏览器,这边使用谷歌浏览器

我们还是通过浏览器工具,查看图形化界面的使用到js脚本。
如下:

201910202006\_6.png

EventSource对象可以对url进行监听,并注册响应函数。这里不进行展开,有兴趣的同学可以详细的阅读里面的脚本。

5、总结

turbine收集的数据是一种json格式的数据,而且像流一样不断输出。所以我们需要借助图形化工具来展示。而图形化工具的数据订阅我们通过上面的分析已经知道,其实他就是通过servlet来访问turbine的链接来获取数据并展现的。

赞(0) 打赏
版权归原创作者所有,任何形式的转载请联系博主:daming_90:Java 技术驿站 » spring cloud图形化dashboard是如何实现指标的收集展示的

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏