Simple Log Service：配置控制台內嵌參數

所有UI參數均通過URL格式進行控制，URL格式樣本如下：

https://sls4servims.console.alibabacloud.com/lognext/project/${ProjectName}/logsearch/${LogstoreName}?參數1&參數2

URL參數及效果樣本如下所示：

• 使用如下URL隱藏當前Project控制台的返回按鈕、Project切換按鈕、Project概覽入口。

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

• 使用如下URL隱藏當前Project控制台的返回按鈕。

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

• 使用如下URL設定查詢和分析時間。

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

  設定 queryTimeType=3 後，查詢頁面右上方的時間選取器顯示為1小時（相對）。

URL參數及效果樣本如下所示：

• 使用如下URL設定查詢和分析語句。

  例如*|select count(*)語句經過BASE 64編碼後為KnxzZWxlY3QgY291bnQoKik=。

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

• 使用如下URL隱藏編輯、修改相關的按鈕，例如查詢剖析屬性、另存新檔警示等。

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

• 使用如下URL隱藏LogStore的統計圖表和日誌聚類頁簽。

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

  隱藏後，查詢分析頁面僅保留原始日誌頁簽，統計圖表和日誌聚類頁簽不再顯示。

URL參數及效果樣本如下所示：

https://sls4servims.console.alibabacloud.com/lognext/project/${ProjectName}/savedsearch/${savedsearchID}

訪問該URL後，頁面展示對應Project（如website-01）下指定的快速查詢頁面（如quick-search01），包含已儲存的查詢語句（如*|select count(*)）及資料加工、查詢分析屬性、另存新檔警示、修改已有快速查詢等操作入口。

URL參數及效果樣本如下所示：

• 使用如下URL使儀錶盤頁面為唯讀模式。

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

  設定唯讀模式後，儀錶盤頂部工具列僅顯示時間選擇、重新整理、重設時間、分享、全屏和訂閱等查看類按鈕，編輯功能不可用。

• 使用如下URL為儀錶盤增加兩個過濾條件key1=value1和key2=value2。其中，過濾條件filters=key1:value1&filters=key2:value2經過轉碼後為filters%3Dkey1%3Avalue1%26filters%3Dkey2%3Avalue2。

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

  設定過濾條件後，儀錶盤將按key1=value1和key2=value2進行資料過濾展示。

• 使用如下URL增加多個變數替換條件projectname=1和region=hangzhou。其中token=[{"key": "projectname","value":"1"}, {"key": "region", "value": "hangzhou"}]經過轉碼後為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

  https://sls4servims.console.alibabacloud.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

• 使用如下URL使儀錶盤每5分鐘重新整理一次。

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

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"
        ]
    }
}

使用如下URL設定左側導覽列。

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

設定後左側導覽列樹狀結構顯示項目 website-01 下的 Logstore delete-log，展開後包含 資料處理、快速查詢、警示 三個子功能項。

對於外層iframe的高度可以通過Log Servicepostmessage的dashboardHeight來擷取，並設定為iframe高度。範例程式碼如下所示：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>POST message測試</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://sls4servims.console.alibabacloud.com/lognext/project/${projectName}/dashboard/${dashboardName}?product=${productCode}">
</body>
</html>