Unlock the Power of AI

1 million free tokens

88% Price Reduction

Activate Now
Home PageSimple Log ServiceUser GuideApplicationFull-stack ObservabilityEmbed Full-stack Observability pages
Search for Help Content

Embed Full-stack Observability pages

Updated at: 2024-07-30 08:34
Product
Community

Simple Log Service allows you to embed Full-stack Observability pages into a self-managed website. This way, you can share the Trace analysis and Trace query pages with other users, and the users can view your data in password-free logon mode. This topic describes how to construct an embedded URL and configure the related parameters.

Procedure

For information about how to embed Full-stack Observability pages, see Embed console pages and share log data.

Construct a password-free logon URL

Important

All pages of the Full-stack Observability application can be embedded. In this example, the Trace analysis, Trace details, and Trace topology pages are used.

Trace analysis
Trace details
Trace topology

  • Password-free logon URL

    Replace the <Project name> and <ID of a Full-stack Observability instance> variables with the actual values. 

    https://sls4service.console.aliyun.com/lognext/app/observability/trace/<Project name>/<ID of a Full-stack Observability instance>?resource=/trace/<ID of a Full-stack Observability instance>/explorer&hideTopbar=true&isShare=true

  • Password-free logon URL

    Replace the <Project name> and <ID of a Full-stack Observability instance> variables with the actual values. 

    https://sls4service.console.aliyun.com/lognext/app/observability/trace/<Project name>/<ID of a Full-stack Observability instance>?resource=/trace/<ID of a Full-stack Observability instance>/view&traceId=<traceId>&spanId=<spanId>&startTime=<startTime>&endTime=<endTime>&hideTopbar=true&isShare=true

  • Password-free logon URL

    Replace the <Project name> and <ID of a Full-stack Observability instance> variables with the actual values. 

    https://sls4service.console.aliyun.com/lognext/app/observability/trace/<Project name>/<ID of a Full-stack Observability instance>?resource=/trace/<ID of a Full-stack Observability instance>/dependence&hideTopbar=true&isShare=true

Parameters

For more parameters, see Configure the parameters related to the console pages to embed.

Parameter

Type

Required

Description

Example

Parameter

Type

Required

Description

Example

queryString

string

No

The search statement.

KnxzZWxlY3QgY291bnQoKik=

queryTimeType

long

No

The time range of a query. For more information, see Valid values of the queryTimeType parameter. Valid values:

  • Integers ranging from 1 to 26: Each integer specifies a time range.

  • -2: a custom relative time range. You must specify a start time and an end time. Example: start:-10m,end:now.

  • -3: a custom time frame. You must specify a start time and an end time. Example: start:-2h,end:absolute.

  • 99: a custom time range. If you set queryTimeType to 99, you must set the startTime and endTime parameters to timestamps.

queryTimeType=1

startTime

timestamp (date)

No

The start time of a query. This parameter is available only when the queryTimeType parameter is set to 99.

startTime=1547776643

endTime

timestamp (date)

No

The end time of a query. This parameter is available only when the queryTimeType parameter is set to 99.

endTime=1547776731

hideSidebar

boolean

No

Specifies whether to hide the left-side navigation pane.

hideSidebar=true

hideTopBar

boolean

No

Specifies whether to hide the top navigation bar.

hideTopBar=true

isShare

boolean

No

Specifies whether to hide the left-side navigation pane and other tabs.

isShare=true

Previous: Create an instanceNext: Trace
  • On this page （1）
  • Procedure
  • Construct a password-free logon URL
  • Parameters
Feedback
phone Contact Us

Chat now with Alibaba Cloud Customer Service to assist you in finding the right products and services to meet your needs.

alicare alicarealicarealicare