All Products
Search
Document Center

Simple Log Service:Embed Full-stack Observability pages

Last Updated:Jul 30, 2024

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

  • 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

Trace details

  • 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

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>/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

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