日志服务支持将全栈可观测应用的页面嵌入到自建网页中,便于您共享Trace分析、Trace查询等页面给其他用户进行免密登录及查看数据。本文介绍内嵌链接的构造和参数。
操作步骤
全栈可观测应用页面的内嵌操作,请参见控制台内嵌及分享。
免登链接构造
全栈可观测应用的所有页面都可以进行内嵌,本文以Trace分析、Trace详情、 Trace拓扑页面为例。
Trace分析
-
免登链接
其中
<Project名称>、<全栈可观测实例ID>需根据实际情况替换。https://sls4service.console.aliyun.com/lognext/app/observability/trace/<Project名称>/<全栈可观测实例ID>?resource=/trace/<全栈可观测实例ID>/explorer&hideTopbar=true&isShare=true -
效果
Trace分析页面包含顶部的查询区域(支持设置时间范围并单击查询/分析),中部的组合图表展示Span个数(柱状图)、平均延迟(折线)和错误率(折线)随时间变化趋势。下方Trace分析页签以表格形式列出各Trace的Service、Operation、Duration、Start Time等信息,每行可单击查看Trace详情。右侧延时分析面板按服务与操作维度展示P95延迟及对应分数排名,可单击+分析维度添加分析条件。
Trace详情
-
免登链接
其中
<Project名称>、<全栈可观测实例ID>需根据实际情况替换。https://sls4service.console.aliyun.com/lognext/app/observability/trace/<Project名称>/<全栈可观测实例ID>?resource=/trace/<全栈可观测实例ID>/view&traceId=<traceId>&spanId=<spanId>&startTime=<startTime>&endTime=<endTime>&hideTopbar=true&isShare=true -
效果
Trace详情页面展示一条 POST /orders 请求的完整分布式调用链路。左侧为 Span 瀑布图,按时间轴(0~52ms)展示各 Span 的耗时分布,涉及 front-end、user 等多个服务的级联调用(如 GET /customers、get users、users from db、addresses from db 等)。右侧详情面板显示当前选中 Span 的服务名、调用名称、主机名及 TraceID,并提供属性、资源、详细、日志四个 Tab 页签查看更多信息。
Trace拓扑
-
免登链接
其中
<Project名称>、<全栈可观测实例ID>需根据实际情况替换。https://sls4service.console.aliyun.com/lognext/app/observability/trace/<Project名称>/<全栈可观测实例ID>?resource=/trace/<全栈可观测实例ID>/dependence&hideTopbar=true&isShare=true -
效果
Trace拓扑页面以层次布局展示微服务间调用关系及性能指标。各节点显示请求数(绿色)和平均延时(橙色),顶层 web_request(139237次,18.91ms)依次调用 front-end、order、catalogue 等服务,payment 节点延时最高达1206.69ms,边框呈橙红色提示性能异常。页面支持 力导向、层次、环形 三种布局切换,并可通过时间范围选择和 查询/分析 按钮筛选数据。
参数说明
更多参数说明请参见配置控制台内嵌参数。
|
参数名 |
类型 |
是否必选 |
说明 |
示例 |
|
|
string |
否 |
只能查询。 |
KnxzZWxlY3QgY291bnQoKik= |
|
|
long |
否 |
指定查询和分析的时间范围。更多信息,请参见queryTimeType指定查询的时间范围说明。取值范围如下:
|
queryTimeType=1 |
|
|
timestamp(date) |
否 |
指定查询时间范围的起始时间。当 |
startTime=1547776643 |
|
|
timestamp(date) |
否 |
指定查询时间范围的结束时间。当 |
endTime=1547776731 |
|
hideSidebar |
boolean |
否 |
隐藏左侧导航栏 |
hideSidebar=true |
|
hideTopBar |
boolean |
否 |
隐藏顶部导航栏 |
hideTopBar=true |
|
isShare |
boolean |
否 |
隐藏左侧导航栏和其他Tab页 |
isShare=true |