<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Apache SkyWalking – Web UI</title>
    <link>/zh_tags/web-ui/</link>
    <description>Recent content in Web UI on Apache SkyWalking</description>
    <generator>Hugo -- gohugo.io</generator>
    <language>en</language>
    <lastBuildDate>Tue, 18 Dec 2018 00:00:00 +0000</lastBuildDate>
    
	  <atom:link href="/zh_tags/web-ui/feed.xml" rel="self" type="application/rss+xml" />
    
    
      
        
      
    
    
    <item>
      <title>Zh: Apache SkyWalking 5.0 中文版图文详解使用手册</title>
      <link>/zh/2018-12-18-apache-skywalking-5-0-userguide/</link>
      <pubDate>Tue, 18 Dec 2018 00:00:00 +0000</pubDate>
      <guid>/zh/2018-12-18-apache-skywalking-5-0-userguide/</guid>
      <description>
        
        
        &lt;h2 id=&#34;版本选择&#34;&gt;版本选择&lt;/h2&gt;
&lt;p&gt;我们采用的是 5.0.0-RC2 的版本，SkyWalking 的版本信息可以参考 &lt;a href=&#34;https://github.com/apache/incubator-skywalking/blob/5.x/CHANGES.md&#34;&gt;https://github.com/apache/incubator-skywalking/blob/5.x/CHANGES.md&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;那么为什么我们没有采用 5.1.0 版本呢，这是因为我们公司内部需要支持 es x-pack，但是在官方发布里面，没有支持 xpack 的版本。&lt;/p&gt;
&lt;p&gt;在 Apache SkyWalking 官方文档 &lt;a href=&#34;https://github.com/CharlesMaster/incubator-skywalking/tree/master/docs/others/cn&#34;&gt;https://github.com/CharlesMaster/incubator-skywalking/tree/master/docs/others/cn&lt;/a&gt; 中有提到，SkyWalking 5.x 仍受社区支持。&lt;/p&gt;
&lt;p&gt;对于用户计划从 5.x 升级到 6.x，您应该知道关于有一些概念的定义的变更。最重要的两个改变了的概念是：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Application（在 5.x 中）更改为 &lt;strong&gt;Service&lt;/strong&gt;（在 6.x 中），Application Instance 也更改为 &lt;strong&gt;Service Instance&lt;/strong&gt;。&lt;/li&gt;
&lt;li&gt;Service（在 5.x 中）更改为 Endpoint（在 6.x 中）。&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id=&#34;图文详解&#34;&gt;图文详解&lt;/h2&gt;
&lt;p&gt;Apache SkyWalking 的监控界面由 Monitor 和 Trace 两者构成，Monitor 菜单又包括 Dashbord、Topology、Application、Service、Alarm 五个子菜单构成。本文就是围绕这些菜单分别逐一进行介绍。&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;0081Kckwly1gkkfaoynmhj30e20mmaan.jpg&#34; alt=&#34;img&#34;&gt;&lt;/p&gt;
&lt;h2 id=&#34;monitor&#34;&gt;Monitor&lt;/h2&gt;
&lt;p&gt;当用户通过 SkyWalking 登陆界面使用用户名、密码登陆以后，就会默认进入到 SkyWalking 的 Monitor 下的 Dashboard 界面&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;0081Kckwly1gkkfapc02wj316g0m2gmn.jpg&#34; alt=&#34;img&#34;&gt;&lt;/p&gt;
&lt;h2 id=&#34;dashboard&#34;&gt;Dashboard&lt;/h2&gt;
&lt;p&gt;下图就是用户登陆之后都会看到的关键 Dashboard 页面，在这个页面的下方的关键指标，图中都做了详细的解释。&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;0081Kckwly1gkkfey6mylj31mb0u0qnv.jpg&#34; alt=&#34;image-20201110220355494&#34;&gt;&lt;/p&gt;
&lt;p&gt;上图中 app 需要强调的是，52 个 app 并不代表 52 个应用，比如 paycenter 有两台 paycenter1 和 paycenter2 就算了 2 个 app，当然还有一些应用是 3 个以上的。在我们公司，paycenter1、paycenter2 这些运维都和我们跳板机管理平台上的名称设置的一样，约定大于配置，开发人员可以更加便捷的排查问题。&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;再次修正一下，关于 dashboard 页面的 app 数，语言类探针，是探针的 app_code 来决定的。比如我们公司的线上配置就是 agent.application_code=auth-center-1&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;上图中需要解释两个概念：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;cpm 代表每分钟请求次数&lt;/li&gt;
&lt;li&gt;SLA=(TRANSACTION_CALLS- TRANSACTION_ERROR_CALLS ) * 10000 ) / TRANSACTION_CALLS&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;该页面主要支持四个跳转：&lt;/p&gt;
&lt;p&gt;一、在上图中，App 板块上的帮助选项是可以直接跳转到 Application 监控页面的。 &lt;img src=&#34;0081Kckwly1gkkfatq9rrj31340bajs1.jpg&#34; alt=&#34;img&#34;&gt;&lt;/p&gt;
&lt;p&gt;二、 Service 板块上的帮助选项是可以直接跳转到 Service 监控页面的。&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;0081Kckwly1gkkfghp1izj30m6086t9a.jpg&#34; alt=&#34;image-20201110220524415&#34;&gt;&lt;/p&gt;
&lt;p&gt;三、 Slow Service 列表中的每一个慢服务点击以后都会进入到其专项的 Service 监控页面。&lt;/p&gt;
&lt;p&gt;四、 Application Throughput 列表中的每一个 Application 点击以后也都是可以进入到其专项的 Application 监控页面。&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;关于 Application 和 Service 的详细介绍我们后续会展开&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;在 Dashboard 的页面上部分，还有一个选择功能模块： &lt;img src=&#34;0081Kckwly1gkkfauiuvnj326s0egacd.jpg&#34; alt=&#34;img&#34;&gt;&lt;/p&gt;
&lt;p&gt;左侧部分可以定期 refresh Dashboard 的数据，右侧则可以调整整体的查询区间。&lt;/p&gt;
&lt;h2 id=&#34;topology&#34;&gt;Topology&lt;/h2&gt;
&lt;p&gt;点击 Monitor 菜单下的 Topology 你会看到下面这张拓扑图&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;0081Kckwly1gkkfasjfraj31rc0u0tcb.jpg&#34; alt=&#34;img&#34;&gt;&lt;/p&gt;
&lt;p&gt;当然这张图太过于夸张了，如果接入 SkyWalking 的应用并不是很多，会如下图所示： &lt;img src=&#34;0081Kckwly1gkkfas3wlaj318f0homy1.jpg&#34; alt=&#34;img&#34;&gt;&lt;/p&gt;
&lt;p&gt;左侧的三个小按钮可以调整你的视图，支持拖拽。右侧可以输入你所关心的应用名。比如我们输入一个支付和订单两个应用，左侧的拓扑图会变得更加清晰：&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;0081Kckwly1gkkfaqs4umj31mu0u0q6o.jpg&#34; alt=&#34;img&#34;&gt;&lt;/p&gt;
&lt;p&gt;另外，上图中的绿色圆圈都是可以点击的，如果你点击以后，还会出现节点信息： &lt;img src=&#34;0081Kckwly1gkkfaqefu4j30sk0my3zh.jpg&#34; alt=&#34;img&#34;&gt;&lt;/p&gt;
&lt;h2 id=&#34;application&#34;&gt;Application&lt;/h2&gt;
&lt;p&gt;点击 Monitor 菜单下的 Application 你会看到下面这张图，这张图里你可以看到的东西都做了注解。&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;0081Kckwly1gkkfef76xcj31ti0u01fl.jpg&#34; alt=&#34;image-20201110220324947&#34;&gt;&lt;/p&gt;
&lt;p&gt;这张图里有一个惊喜，就是如果你点开 More Server Details，你可以看到更多的信息&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;0081Kckwly1gkkfdluzblj31oy0u0tm2.jpg&#34; alt=&#34;image-20201110220238472&#34;&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;0081Kckwly1gkkfdetks9j316y0u0tgg.jpg&#34; alt=&#34;image-20201110220226783&#34;&gt;&lt;/p&gt;
&lt;p&gt;是的，除了 Host、IPv4、Pid、OS 以外，你还可以看到 CPU、Heap、Non-Heap、GC（Young GC、Old GC）等详细监控信息。&lt;/p&gt;
&lt;h2 id=&#34;service&#34;&gt;Service&lt;/h2&gt;
&lt;p&gt;点击 Monitor 菜单下的 Service 你会看到下面这张图，这张图里你可以看到的同样都做了注解。 &lt;img src=&#34;0081Kckwly1gkkfaps4xnj31pk0u0jul.jpg&#34; alt=&#34;img&#34;&gt;&lt;/p&gt;
&lt;p&gt;关于 Dependency Map 这张图我们再补充一下，鼠标悬停可以看到每个阶段的执行时间，这是 Service 下的功能 &lt;img src=&#34;0081Kckwly1gkkfauwowgj31v00u0mzz.jpg&#34; alt=&#34;img&#34;&gt;&lt;/p&gt;
&lt;p&gt;我们点开图中该图中 Top 20 Slow Traces 下面的被我马赛克掉的 trace 的按钮框，可以看到如下更加详细的信息：&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;0081Kckwly1gkkfftbd4rj31k50u04qp.jpg&#34; alt=&#34;image-20201110220444481&#34;&gt;&lt;/p&gt;
&lt;p&gt;这些信息可以帮助我们知道每一个方法在哪个阶段那个具体实现耗时了多久。&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;0081Kckwly1gkkffi442xj32060n67go.jpg&#34; alt=&#34;image-20201110220427876&#34;&gt;&lt;/p&gt;
&lt;p&gt;如上图所示，每一行基本都是可以打开的，每一行都包含了 Tags、Logs 等监控内容&lt;/p&gt;
&lt;h2 id=&#34;alarm&#34;&gt;Alarm&lt;/h2&gt;
&lt;p&gt;点击 Monitor 菜单下的 Alarm 你会看到告警菜单。目前 5.X 版本的还没有接入邮件、短信等告警方式，后续 6 支持 webhook，用户可以自己去接短信和邮件。&lt;/p&gt;
&lt;p&gt;告警内容中你可以看到 Applicaion、Server 和 Service 三个层面的告警内容&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;0081Kckwly1gkkfcqi2uxj31wd0u0h00.jpg&#34; alt=&#34;image-20201110220147756&#34;&gt;&lt;/p&gt;
&lt;h2 id=&#34;trace&#34;&gt;Trace&lt;/h2&gt;
&lt;p&gt;Trace 是一个非常实用的功能，用户可以根据精确的 TraceId 去查找&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;0081Kckwly1gkkfavf2lgj31l00u0mys.jpg&#34; alt=&#34;img&#34;&gt;&lt;/p&gt;
&lt;p&gt;也可以设定时间段去查找&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;0081Kckwly1gkkfh13afbj31n50u0akg.jpg&#34; alt=&#34;image-20201110220555459&#34;&gt;&lt;/p&gt;
&lt;p&gt;我在写使用手册时候，非常巧的是，看到了上图三起异常，于是我们往下拉列表看到了具体的数据&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;0081Kckwly1gkkfhcjpa6j32440nck39.jpg&#34; alt=&#34;image-20201110220614258&#34;&gt;&lt;/p&gt;
&lt;p&gt;点击进去，我们可以看到具体的失败原因 &lt;img src=&#34;0081Kckwly1gkkfaw3kppj31lu0u042l.jpg&#34; alt=&#34;img&#34;&gt;&lt;/p&gt;
&lt;p&gt;当然用户也可以直接将 Trace State 调整为 Error 级别进行查询&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;0081Kckwly1gkkfax9uubj31ps0u0413.jpg&#34; alt=&#34;img&#34;&gt;&lt;/p&gt;
&lt;h2 id=&#34;再回顾一遍&#34;&gt;再回顾一遍&lt;/h2&gt;
&lt;p&gt;一、首先我们进入首页：&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;0081Kckwly1gkkfhu2nboj31ca0ms15o.jpg&#34; alt=&#34;image-20201110220641793&#34;&gt;&lt;/p&gt;
&lt;p&gt;二、点击一下首页的 Slow Service 的 projectC，可以看到如下信息：&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;0081Kckwly1gkkfi5994yj31aq0pnk4q.jpg&#34; alt=&#34;image-20201110220700002&#34;&gt;&lt;/p&gt;
&lt;p&gt;三、如果点击首页的 Appliation Throughput 中的 projectD，可以看到如下信息：&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;0081Kckwly1gkkfaroz97j31bl0kwta6.jpg&#34; alt=&#34;img&#34;&gt;&lt;/p&gt;
&lt;p&gt;四、继续点进去右下角的这个 slow service 里的 Consumer，我们可以看到下图：&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;0081Kckwly1gkkfawsvybj31ax0p6dl4.jpg&#34; alt=&#34;img&#34;&gt;&lt;/p&gt;
&lt;h2 id=&#34;参考资料&#34;&gt;参考资料&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;https://twitter.com/AsfSkyWalking/status/1013616673218179072&#34;&gt;https://twitter.com/AsfSkyWalking/status/1013616673218179072&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://twitter.com/AsfSkyWalking/status/1013617100143800320&#34;&gt;https://twitter.com/AsfSkyWalking/status/1013617100143800320&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

      </description>
    </item>
    
  </channel>
</rss>
