全栈可观测内嵌

更新时间:
复制 MD 格式

日志服务支持将全栈可观测应用的页面嵌入到自建网页中,便于您共享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分析页签以表格形式列出各TraceServiceOperationDurationStart 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-enduser 等多个服务的级联调用(如 GET /customersget usersusers from dbaddresses 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-endordercatalogue 等服务,payment 节点延时最高达1206.69ms,边框呈橙红色提示性能异常。页面支持 力导向层次环形 三种布局切换,并可通过时间范围选择和 查询/分析 按钮筛选数据。

参数说明

更多参数说明请参见配置控制台内嵌参数

参数名

类型

是否必选

说明

示例

queryString

string

只能查询。

KnxzZWxlY3QgY291bnQoKik=

queryTimeType

long

指定查询和分析的时间范围。更多信息,请参见queryTimeType指定查询的时间范围说明。取值范围如下:

  • 1~26:指定查询和分析的时间范围为数字对应的区间。

  • -2:自定义(相对)。此时必须配置startend。例如:start:-10m,end:now。

  • -3:自定义(整点)。此时必须配置startend。例如:start:-2h,end:absolute。

  • 99:自定义时间范围。此时必须设置startTimeendTime,且只能配置为时间戳。

queryTimeType=1

startTime

timestamp(date)

指定查询时间范围的起始时间。当queryTimeType设置为99时生效。

startTime=1547776643

endTime

timestamp(date)

指定查询时间范围的结束时间。当queryTimeType设置为99时生效。

endTime=1547776731

hideSidebar

boolean

隐藏左侧导航栏

hideSidebar=true

hideTopBar

boolean

隐藏顶部导航栏

hideTopBar=true

isShare

boolean

隐藏左侧导航栏和其他Tab

isShare=true