すべてのプロダクト
Search

このプロダクト

    Simple Log Service:埋め込むコンソールページに関連するパラメーターを設定します。

    ドキュメントセンター

    Simple Log Service:埋め込むコンソールページに関連するパラメーターを設定します。

    最終更新日:Sep 14, 2024

    このトピックでは、埋め込むコンソールページの表示効果をカスタマイズするためのパラメーターを設定する方法について説明します。

    Simple Log Serviceでは、コンソールページを自己管理Webサイトに埋め込むことができます。 これにより、コンソールにログインする必要なくページにアクセスし、ログのクエリと分析をより効率的に実行できます。 Simple Log Serviceには、組み込みコンソールページの表示設定をカスタマイズするために設定できる一連のUIパラメーターも用意されています。 詳細については、「コンソールページの埋め込みとログデータの共有」をご参照ください。

    使用上の注意

    Simple Log Serviceのコンソールページは、iframeの形式で他のwebページに埋め込まれています。 デフォルトでは、ブラウザはポップアップとログダウンロード操作をブロックします。 たとえば、ファイルへのリンクをクリックすると、ブラウザは対応するポップアップをブロックします。 この場合、iframeの属性設定を変更する必要があります。

    • iframeでは、ブラウザのセキュリティポリシーにより、ページへのリンクをクリックしたときにコンソールページにアクセスしようとするとブロックされます。 このページにアクセスするには、iframeのsandboxフィールドにallow-popupsを追加する必要があります。 

      <iframe
  src="https://sls4service.console.aliyun.com/lognext/project/**..."
  sandbox="allow-scripts allow-popups"
/>

    • iframeでは、ブラウザのセキュリティポリシーにより、コンソールページでサポートされているログダウンロード操作がブロックされます。 ログをダウンロードするには、iframeのsandboxフィールドにallow-popupsとallow-downloadsを追加する必要があります。 

      <iframe
  src="https://sls4service.console.aliyun.com/lognext/project/**..."
  sandbox="allow-scripts allow-popups allow-downloads"
/>

    URL形式

    UIパラメーターは、次の形式でエンコードされたURLです。 

    https://sls4service.console.aliyun.com/lognext/project/${ProjectName}/logsearch/${LogstoreName}?Parameter1&Parameter2
    説明

    • ${ProjectName} 、${LogstoreName} 、${savedsearchID} 、および ${dashboardID} パラメーターを除くすべてのパラメーターは、URLの末尾の疑問符 (?) の後に配置する必要があります。

    • 一度に複数のパラメーターを設定できます。 パラメーターは、アンパサンド (&) を使用して連結されます。

    • ダークテーマを使用するには、theme=dark&sls_iframe=trueをURLに追加します。

    共通パラメーター

    次の表に、コンソールページをカスタマイズするために設定できる共通パラメーターを示します。

    パラメーター

    データ型

    必須

    説明

    例

    hiddenBack

    Boolean

    任意

    現在のプロジェクトの背面アイコンを非表示にするかどうかを指定します。

    hiddenBack=true

    hiddenChangeProject

    Boolean

    任意

    プロジェクトの切り替えに使用するGUI要素を非表示にするかどうかを指定します。

    hiddenChangeProject=true

    hiddenOverview

    Boolean

    任意

    プロジェクトの [プロジェクトの概要] タブのエントリポイントを非表示にするかどうかを指定します。

    hiddenOverview=true

    hideSidebar

    Boolean

    任意

    左側のナビゲーションペインを非表示にするかどうかを指定します。

    hideSidebar=true

    hideTopBar

    Boolean

    任意

    上部のナビゲーションバーを非表示にするかどうかを指定します。

    hideTopBar=true

    isShare

    Boolean

    任意

    左側のナビゲーションウィンドウと他のタブを非表示にするかどうかを指定します。

    isShare=true

    ignoreTabLocalStorage

    Boolean

    任意

    アクセスしたタブの閲覧を無効にするかどうかを指定します。

    ignoreTabLocalStorage=true

    queryTimeType

    long

    任意

    クエリの時間範囲を指定します。 詳細については、「queryTimeTypeパラメーターの有効な値」をご参照ください。 有効な値：

    • 1から26までの整数: 各整数は時間範囲を指定します。

    • -2: カスタム相対時間範囲。 開始時刻と終了時刻を指定する必要があります。 例: start:-10m、end:now。

    • -3: カスタム時間枠。 開始時刻と終了時刻を指定する必要があります。 例: start:-2h、end:absolute。

    • 99: カスタム時間範囲。 queryTimeTypeを99に設定した場合、startTimeパラメーターとendTimeパラメーターをtimestampに設定する必要があります。

    queryTimeType=1

    startTime

    timestamp (日付)

    任意

    クエリの開始時間を指定します。 このパラメーターは、queryTimeTypeを99に設定した場合にのみ有効になります。

    startTime=1547776643

    endTime

    timestamp (日付)

    任意

    クエリの終了時間を指定します。 このパラメーターは、queryTimeTypeを99に設定した場合にのみ有効になります。

    endTime=1547776731

    表 1 queryTimeTypeパラメーターの有効な値

    queryTimeType

    説明

    1

    1分 (相対)

    2

    15分 (相対)

    3

    1 時間 (相対)

    4

    4時間 (相対)

    5

    1日 (相対)

    6

    1週間 (相対)

    7

    30日 (相対)

    8

    1分 (時間枠)

    9

    15分 (時間枠)

    10

    1 時間 (概算時間)

    11

    4時間 (時間枠)

    12

    1日 (時間枠)

    13

    1週間 (時間枠)

    14

    30日 (時間枠)

    15

    今日 (概算時間)

    16

    前日 (タイムフレーム)

    17

    2日前 (時間枠)

    18

    今週 (時間枠)

    19

    前の週 (時間枠)

    20

    今月 (時間枠)

    21

    この四半期 (時間枠)

    22

    今日 (相対)

    23

    5分 (相対)

    24

    今年 (時間枠)

    25

    今月 (相対)

    26

    前月 (時間枠)

    27

    今週 (相対)

    28

    5分 (時間枠)

    29

    前日 (相対)

    30

    2日前 (相対)

    31

    前の週 (相対)

    32

    前月 (相対)

    33

    この四半期 (相対)

    34

    今年 (相対)

    99

    カスタム時間範囲 (queryTimeTypeを99に設定した場合、startTimeパラメーターとendTimeパラメーターを設定する必要があります) 。

    次の例は、いくつかのURLと、URLのUIパラメーターに基づいて表示されるページを示しています。

    • 現在のプロジェクトの背面アイコン、プロジェクト間の切り替えに使用されるGUI要素、およびプロジェクトの [プロジェクト概要] タブへのエントリポイントを非表示にするには、次のURLを使用します。 

      https://sls4service.console.aliyun.com/lognext/project/${ProjectName}/logsearch/${LogstoreName}?hiddenBack=true&hiddenChangeProject=true&hiddenOverview=true

      隐藏设置

    • 現在のプロジェクトの背面アイコンを非表示にするには、次のURLを使用します。 

      https://sls4service.console.aliyun.com/lognext/project/${ProjectName}/logsearch/${LogstoreName}?hiddenBack=true

      隐藏导航栏返回按钮

    • クエリの時間範囲を指定するには、次のURLを使用します。 

      https://sls4service.console.aliyun.com/lognext/project/${ProjectName}/logsearch/${LogstoreName}?queryTimeType=3

      时间选择器

    Logstoreのクエリと分析ページに関連するパラメーター

    次の表に、Logstoreのクエリおよび分析ページをカスタマイズするために設定できるパラメーターを示します。

    パラメーター

    データ型

    必須

    説明

    例

    ProjectName

    String

    必須

    プロジェクトの名前。

    website-01

    LogstoreName

    String

    必須

    ログストアの名前

    logstore01

    queryString

    String

    任意

    Base64でエンコードされているクエリ文。

    たとえば、* | select count(*) 文はBase64でKnxzZWxlY3QgY291bnQoKik= にエンコードされます。

    KnxzZWxlY3QgY291bnQoKik=

    readOnly

    Boolean

    任意

    Logstoreのクエリおよび分析ページで設定の編集または変更に使用するGUI要素を非表示にするかどうかを指定します。 GUI要素には、共有、インデックス属性、保存検索として保存、およびアラートとして保存が含まれます。

    readOnly=true

    encode

    String

    任意

    クエリ文字列のエンコード形式。 queryStringパラメーターの値に特殊文字が表示されないようにするには、encodeパラメーターをbase64に設定することを推奨します。 Base64エンコーディングを指定した場合、queryStringパラメーターの値はBase64-encoded文字列になります。

    encode=base64

    hiddenEtl

    Boolean

    任意

    現在のLogstoreのデータ変換ページにリダイレクトするGUI要素を非表示にするかどうかを指定します。

    hiddenEtl=true

    hiddenShare

    Boolean

    任意

    現在のLogstoreのURLを共有するために使用されるGUI要素を非表示にするかどうかを指定します。

    hiddenShare=true

    hiddenIndexSetting

    Boolean

    任意

    現在のLogstoreのインデックス設定ページにリダイレクトするGUI要素を非表示にするかどうかを指定します。

    hiddenIndexSetting=true

    hiddenSavedSearch

    Boolean

    任意

    現在のLogstoreの保存された検索設定ページにリダイレクトするGUI要素を非表示にするかどうかを指定します。

    hiddenSavedSearch=true

    hiddenAlert

    Boolean

    任意

    現在のLogstoreのアラートを設定するために使用されるGUI要素を非表示にするかどうかを指定します。

    hiddenAlert=true

    hiddenQuickAnalysis

    Boolean

    任意

    クイック分析ウィンドウを自動的に非表示にするかどうかを指定します。

    hiddenQuickAnalysis=true

    hiddenDownload

    Boolean

    任意

    現在のLogstoreのデータをダウンロードするために使用するアイコンを非表示にするかどうかを指定します。

    hiddenDownload=true

    hiddenModeSwitch

    Boolean

    任意

    現在のLogstoreの専用SQL機能を設定するために使用されるGUI要素を非表示にするかどうかを指定します。

    hiddenModeSwitch=true

    keyDispalyMode

    String

    任意

    ログの表示モード。 有効な値：

    • single: ログは1行で表示されます。

    • multi: ログは複数行で表示されます。

    keyDispalyMode=シングル

    hiddenLogChart

    Boolean

    任意

    現在のLogstoreの [グラフ] タブを非表示にするかどうかを指定します。

    hiddenLogChart=true

    hiddenLogReduce

    Boolean

    任意

    現在のLogstoreのLogReduceタブを非表示にするかどうかを指定します。

    hiddenLogReduce=true

    hiddenColSetting

    Boolean

    任意

    左側のフィールド列を非表示にするかどうかを指定します。

    hiddenColSetting=true

    次の例は、いくつかのURLと、URLのUIパラメーターに基づいて表示されるページを示しています。

    • クエリ文を指定するには、次のURLを使用します。

      たとえば、* | select count(*) 文はBase64でKnxzZWxlY3QgY291bnQoKik= にエンコードされます。 

      https://sls4service.console.aliyun.com/lognext/project/${ProjectName}/logsearch/${LogstoreName}?encode=base64&queryString=KnxzZWxlY3QgY291bnQoKik=

      查询和分析语句

    • Logstoreのクエリおよび分析ページで、[インデックス属性] や [アラートとして保存] などの設定を編集または変更するために使用するGUI要素を非表示にするには、次のURLを使用します。 

      https://sls4service.console.aliyun.com/lognext/project/${ProjectName}/logsearch/${LogstoreName}?readOnly=true

      设置readOnly

    • LogstoreのGraphタブとLogReduceタブを非表示にするには、次のURLを使用します。 

      https://sls4service.console.aliyun.com/lognext/project/${ProjectName}/logsearch/${LogstoreName}?hiddenLogChart=true&hiddenLogReduce=true

      隐藏统计图表和日志聚类

    Logstoreの保存された検索ページに関連するパラメーター

    次の表に、Logstoreの保存された検索ページをカスタマイズするために設定できるパラメーターを示します。

    パラメーター

    データ型

    必須

    説明

    例

    ProjectName

    String

    必須

    プロジェクトの名前。

    website-01

    savedSearchName

    String

    任意

    保存された検索条件の名前です。

    quick-search01

    savedsearchID

    String

    必須

    保存された検索のID。

    説明

    保存検索を作成したら、URLで保存検索のIDを取得できます。 詳細については、「保存済み検索のIDの取得」をご参照ください。

    savedsearch-1621845672511-314813

    次の例は、URLと、URLのUIパラメーターに基づいて表示されるページを示しています。

    https://sls4service.console.aliyun.com/lognext/project/${ProjectName}/savedsearch/${savedsearchID}

    快速查询页

    ダッシュボードページに関連するパラメータ

    次の表に、ダッシュボードページをカスタマイズするために設定できるパラメーターを示します。

    パラメーター

    データ型

    必須

    説明

    例

    ProjectName

    String

    必須

    プロジェクトの名前。

    website-01

    dashboardName

    String

    任意

    ダッシュボードの名前を入力します。

    ウェブサイト分析ログ

    dashboardID

    String

    必須

    ダッシュボードのID。

    説明

    ダッシュボードを作成した後、URLでダッシュボードのIDを取得できます。 詳細については、「ListDashboard」をご参照ください。

    dashboard-1609817292009-742588

    isShare

    Boolean

    任意

    共有リンクを使用してダッシュボードを表示するかどうかを指定します。 このパラメーターをtrueに設定すると、ダッシュボードが表示され、ダッシュボードのURLを共有するために使用されるGUI要素が非表示になります。

    isShare=true

    token

    JsonString

    任意

    置き換える変数。The variables that you want to replace. 値は、encodeURIComponent() 関数によってトランスコードする必要があります。

    たとえば、token=[{"key": "projectname", "value": "1"}, {"key": "region", "value": "hangzhou"}]にトランスコードされます。トークン=% 5B % 7B % 22key % 22% 3A % 20% 22プロジェクト名 % 22% 2C % 22値 % 22% 3A % 221% 22% 7D % 2C % 20% 7B % 22key % 22% 3A % 20% 22リージョン % 22% 2C % 20% 値 % 22% 3A % 20% 22杭州 % 22% 7D % 5D.

    トークン=% 5B % 7B % 22key % 22% 3A % 20% 22プロジェクト名 % 22% 2C % 22値 % 22% 3A % 221% 22% 7D % 2C % 20% 7B % 22key % 22% 3A % 20% 22リージョン % 22% 2C % 20% 値 % 22% 3A % 20% 22杭州 % 22% 7D % 5D

    readOnly

    Boolean

    任意

    ダッシュボードページの設定を編集または構成するために使用するGUI要素を非表示にするかどうかを指定します。 GUI要素には、EditとAlertが含まれます。

    readOnly=true

    openPsql

    Boolean

    任意

    ダッシュボードの専用SQL機能を有効にするかどうかを指定します。

    openPsql=true

    autoFresh

    String

    任意

    ダッシュボードのデータが更新される間隔。 例: 30秒と5分。 最小の間隔は15秒です。

    autoFresh=5m

    filters

    String

    任意

    フィルター条件です。 値は、encodeURIComponent() 関数によってトランスコードする必要があります。

    たとえば、filters=key1:value1&filters=key2:value2は、filters=key1 % 3Avue1% 26filters % 3Dkey2% 3Avalue 2にトランスコードされます。

    filters=key1 % 3Avalue1% 26filters % 3Dkey2% 3Avalue2

    hiddenFilter

    Boolean

    任意

    条件付きフィルタリングのエントリポイントを非表示にするかどうかを指定します。

    hiddenFilter=true

    fixedFilter

    Boolean

    任意

    フィルター条件を修正するかどうかを指定します。 このパラメーターをtrueに設定した場合、指定されたフィルター条件は削除または変更できません。

    fixedFilter=true

    disableFilterAndToken

    Boolean

    任意

    フィルタリングと変数置換を無効にするかどうかを指定します。

    disableFilterAndToken=true

    fixedToken

    Boolean

    任意

    置き換える変数を修正するかどうかを指定します。 このパラメーターをtrueに設定すると、指定された変数は削除または変更できません。

    fixedToken=true

    hiddenToken

    Boolean

    任意

    変数置換のエントリポイントを非表示にするかどうかを指定します。

    hiddenToken=true

    hiddenProject

    Boolean

    任意

    プロジェクトに関する情報を非表示にするかどうかを指定します。

    hiddenProject=true

    hiddenEdit

    Boolean

    任意

    ダッシュボードページの設定を編集するために使用するGUI要素を非表示にするかどうかを指定します。

    hiddenEdit=true

    hiddenReport

    Boolean

    任意

    ダッシュボードのサブスクライブに使用するGUI要素を非表示にするかどうかを指定します。

    hiddenReport=true

    hiddenTitleSetting

    Boolean

    任意

    ダッシュボードのタイトルの設定に使用するGUI要素を非表示にするかどうかを指定します。

    hiddenTitleSetting=true

    hiddenReset

    Boolean

    任意

    ダッシュボードの時刻をリセットするために使用するGUI要素を非表示にするかどうかを指定します。

    hiddenReset=true

    hiddenModeSwitch

    Boolean

    任意

    ダッシュボードの専用SQL機能の構成に使用するGUI要素を非表示にするかどうかを指定します。

    hiddenModeSwitch=true

    hiddenAlert

    Boolean

    任意

    ダッシュボードでグラフのアラートを設定するためのエントリポイントを非表示にするかどうかを指定します。

    hiddenAlert=true

    hiddenSearch

    Boolean

    任意

    ダッシュボード上のグラフのクエリステートメントをプレビューするためのエントリポイントを非表示にするかどうかを指定します。

    hiddenSearch=true

    hiddenShare

    Boolean

    任意

    トップバーでダッシュボードのURLを共有するために使用するGUI要素を非表示にするかどうかを指定します。

    hiddenShare=true

    hiddenPSql

    Boolean

    任意

    ダッシュボードの専用SQL機能の構成に使用するGUI要素を非表示にするかどうかを指定します。

    hiddenPSql=true

    hiddenFullScreen

    Boolean

    任意

    トップバーでのフルスクリーン表示またはウィンドウ表示の有効化に使用するGUI要素を非表示にするかどうかを指定します。

    hiddenFullScreen=true

    hiddenSelectTime

    Boolean

    任意

    トップバーでダッシュボードの時間範囲を指定するために使用されるGUI要素を非表示にするかどうかを指定します。

    hiddenSelectTime=true

    hiddenChartTime

    Boolean

    任意

    ダッシュボードのグラフのタイトルの末尾に表示される時間を非表示にするかどうかを指定します。

    hiddenChartTime=true

    hiddenChartMenus

    Boolean

    任意

    ダッシュボードのグラフの右上隅にあるドロップダウンリストを非表示にするかどうかを指定します。

    hiddenChartMenus=true

    hiddenTitle

    Boolean

    任意

    ダッシュボードのタイトルを非表示にするかどうかを指定します。

    hiddenTitle=true

    hiddenTopBar

    Boolean

    任意

    トップバーのダッシュボードのタイトルやその他の設定を構成するために使用するGUI要素を非表示にするかどうかを指定します。

    hiddenTopBar=true

    hiddenCopy

    Boolean

    任意

    ダッシュボードを新しいダッシュボードとして保存するために使用するGUI要素を非表示にするかどうかを指定します。

    hiddenCopy=true

    hiddenSurvey

    Boolean

    任意

    ダッシュボードのアンケートへのエントリポイントを非表示にするかどうかを指定します。

    hiddenSurvey=true

    hiddenDrilldown

    Boolean

    任意

    ダッシュボードの編集時にインタラクションの発生の設定を構成できるタブを非表示にするかどうかを指定します。

    hiddenDrilldown=true

    hiddenFieldConfig

    Boolean

    任意

    ダッシュボードの編集時にフィールドの設定を構成できるタブを非表示にするかどうかを指定します。

    hiddenFieldConfig=true

    disableViewChart

    Boolean

    任意

    グラフを表示するエントリポイントを非表示にするかどうかを指定します。

    disableViewChart=true

    次の例は、いくつかのURLと、URLのUIパラメーターに基づいて表示されるページを示しています。

    • ダッシュボードページの読み取り専用モードを有効にするには、次のURLを使用します。 

      https://sls4service.console.aliyun.com/lognext/project/${ProjectName}/dashboard/${dashboardID}?readOnly=true

      只读仪表盘

    • key1=value1およびkey2=value2の条件を追加するには、次のURLを使用します。 filters=key1:value1&filters=key2:value2条件は、filters % 3Dkey1% 3Avue1% 26filters % 3Dkey2% 3Avalue2にトランスコードされます。 

      https://sls4service.console.aliyun.com/lognext/project/${ProjectName}/dashboard/${dashboardID}?filters%3Dkey1%3Avalue1%26filters%3Dkey2%3Avalue2

      仪表盘过滤

    • projectname=1およびregion=hangzhou条件を追加して変数を置き換えるには、次のURLを使用します。 token=[{"key": "projectname", "value": "1"}, {"key": "region", "value": "hangzhou"}]にトランスコードされます。トークン=% 5B % 7B % 22key % 22% 3A % 20% 22プロジェクト名 % 22% 2C % 22値 % 22% 3A % 221% 22% 7D % 2C % 20% 7B % 22key % 22% 3A % 20% 22リージョン % 22% 2C % 20% 値 % 22% 3A % 20% 22杭州 % 22% 7D % 5D.

      https://sls4service.console.aliyun.com/lognext/project/${ProjectName}/dashboard/${dashboardID}?token=%5B%7B%22key%22%3A%20%22projectname%22%2C%22value%22%3A%221%22%7D%2C%20%7B%22key%22%3A%20%22region%22%2C%20%22value%22%3A%20%22hangzhou%22%7D%5D

      变量替换条件

    • ダッシュボードのデータを5分間隔で更新するには、次のURLを使用します。 

      https://sls4service.console.aliyun.com/lognext/project/${ProjectName}/dashboard/${dashboardId}?autoFresh=5m

      自动更新

    ツリー構造パラメータ

    次の表に、コンソールページの左側のナビゲーションペインをカスタマイズするために設定できるツリー構造パラメーターを示します。

    パラメーター

    データ型

    必須

    説明

    例

    treeConfig

    JSON

    任意

    左側のナビゲーションウィンドウのツリー構造。 treeEncodeをbase64に設定した場合、treeConfigの値をbase64でエンコードする必要があります。

    たとえば、{"logstore":{"expand":true,"resourceList":["delete-log"],"template":["savedsearch","alert"]}}} はeyJsb2dzdG9yZSI6eyJleHBhbmQiOnRydWUsInJlc291cmNlTGlzdCI6WyJkZWxldGUtbG9nIl0sInRlbXBsYXRlIjpbInNhdmVkc2VhcmNoIiwiYWxlcnQiXX19にBase64でエンコードされます。

    eyJsb2dzdG9yZSI6eyJleHBhbmQiOnRydWUsInJlc291cmNlTGlzdCI6WyJkZWxldGUtbG9nIl0sInRlbXBsYXRlIjpbInNhdmVkc2VhcmNoIiwiYWxlcnQiXX19

    treeEncode

    String

    任意

    treeConfigのエンコード形式。このパラメーターはデフォルトで空です。これは、treeConfigの値がエンコードされていないことを示します。 Base64エンコーディングのみサポートされています。

    treeEncode=base64

    次の例は、treeConfigパラメーターのフィールドを示しています。

    {
    "logstore": { 
        "search": true, 
        "expand": true, 
        "resourceList": [ 
            "L1",
            "L2"
        ],
        "template": [
            "favor", 
            "logtail",
            "import", 
            "etl", 
            "savedsearch",
            "alert",
            "export", 
            "consumergroup", 
            "dashboard" 
        ]
    },
    "machineGroup": {
        "search": true,
        "resourceList": [
            "m1",
            "m2"
        ]
    },
    "savedSearch": {
        "search": true,
        "resourceList": [
            "s1",
            "s2"
        ]
    },
    "alarm": {
        "search": true,
        "resourceList": [
            "a1",
            "a2"
        ]
    },
    "dashboard": {
        "search": true,
        "resourceList": [
            "d1",
            "d2"
        ]
    },
    "etl": {
        "search": true,
        "resourceList": [
            "e1",
            "e2"
        ]
    }
}

    表 2. treeConfigパラメーターのフィールド

    項目

    データ型

    必須

    説明

    logstore

    object

    任意

    エントリはLogstoreを指します。

    template

    string[]

    任意

    エントリはLogstoreの一部の機能を指しています。 詳細については、「テンプレートフィールドのパラメーター」をご参照ください。

    machineGroup

    object

    任意

    エントリはマシングループを指します。

    savedSearch

    object

    任意

    エントリは保存された検索をポイントします。

    alert

    object

    任意

    エントリはアラートを指します。

    dashboard

    object

    任意

    エントリはダッシュボードを指します。

    etl

    object

    任意

    エントリはデータ変換ジョブを指します。

    表 3. logstoreフィールドのリソースのパラメータ

    パラメーター

    データ型

    必須

    説明

    search

    Boolean

    任意

    検索ボックスを表示するかどうかを指定します。 デフォルト値: true。検索ボックスが表示されていることを示します。

    resourceList

    String[]

    任意

    表示されている現在のリソース。 このパラメーターを空の配列に設定すると、空のリストが表示されます。 このパラメーターを設定しない場合、すべてのリソースが表示されます。 デフォルトでは、すべてのリソースが表示されます。

    expand

    Boolean

    任意

    リストを展開するかどうかを指定します。 デフォルト値: false。リストが展開されていないことを示します。 このパラメーターは、Logstoreリストに対してのみ有効です。

    表 4. テンプレートフィールドのパラメータ

    パラメーター

    データ型

    必須

    説明

    favor

    String

    任意

    ウォッチリスト

    logtail

    String

    任意

    Logtailの設定

    import

    String

    任意

    データのインポート

    etl

    String

    任意

    データ変換

    savedsearch

    String

    任意

    クイック検索

    alert

    String

    任意

    アラート

    export

    String

    任意

    エクスポート

    consumergroup

    String

    任意

    データ消費量

    dashboard

    String

    任意

    ダッシュボード

    次の例は、URLと、URLのUIパラメーターに基づいて表示されるページを示しています。

    左側のナビゲーションペインをカスタマイズするには、次のURLを使用します。 

    https://sls4service.console.aliyun.com/lognext/project/${ProjectName}/logsearch/${LogstoreName}?treeconfig=eyJsb2dzdG9yZSI6eyJleHBhbmQiOnRydWUsInJlc291cmNlTGlzdCI6WyJkZWxldGUtbG9nIl0sInRlbXBsYXRlIjpbInNhdmVkc2VhcmNoIiwiYWxlcnQiXX19&hiddenBack=true&hiddenChangeProject=true&hiddenOverview=true&treeEncode=base64&ignoreTabLocalStorage=true

    树状结构

    ダッシュボードに関連する高度なパラメーター

    iframeを使用してダッシュボードを埋め込むと、iframeの高さを計算できません。 この場合、ダッシュボードのスクロールバーとiframeのスクロールバーの2つのスクロールバーが表示されます。 この問題を解決するには、高度なダッシュボードパラメーターを設定して、アダプティブモードでダッシュボードの高さを調整します。

    Simple Log Serviceのポストメッセージメソッドを使用して、ダッシュボードの高さを取得し、インラインフレームの高さを指定できます。 サンプルコード：

    <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>POST message test</title>
</head>
<style>
  * {
    padding: 0;
    margin: 0;
  }

  iframe {
    display: block;
    width: 100%;
  }
</style>
<body>
  <script>
    window.addEventListener('message',function(e){
      console.log(e.data.dashboardHeight)
      document.getElementById('test').style.height = e.data.dashboardHeight + 'px'
    });
  </script>
  <div style="height: 700px;">somethings</div>
  <iframe id="test" src="http://sls4service.console.aliyun.com/lognext/project/${projectName}/dashboard/${dashboardName}?product=${productCode}">
</body>
</html>