阿里云日志服务SLS配置控制台内嵌参数-云淘科技

注意事项

日志服务控制台是以iframe方式被内嵌到其他Web页面。默认情况下，打开浏览器新窗口（例如单击文档链接）和下载日志功能会被浏览器拦截，无法使用，需要您手动修改iframe属性配置。

• 在iframe内，日志服务控制台的访问链接单击交互会被浏览器的安全策略拦截，您需要在iframe的sandbox字段中添加allow-popups。

• 在iframe内，日志服务控制台提供的日志下载功能会被浏览器的安全策略拦截，您需要在iframe的sandbox字段中添加allow-popups和allow-downloads。

URL格式

所有UI参数均通过URL格式进行控制，URL格式示例如下：

https://sls4service.console.aliyun.com/lognext/project/${ProjectName}/logsearch/${LogstoreName}?参数1&参数2

说明

• 除${ProjectName}、${LogstoreName}、${savedsearchID}和${dashboardID}之外的参数必须位于URL末尾的问号（?）之后。
• 支持同时设置多个参数，参数之间通过and（&）连接。
• 增加参数theme=dark&sls_iframe=true，可将界面设置为黑色主题。

公共参数

使用公共参数设置控制台页面。

URL参数及效果示例如下所示：

• 使用如下URL隐藏当前Project控制台的返回按钮、Project切换按钮、Project概览入口。

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

  

• 使用如下URL隐藏当前Project控制台的返回按钮。

  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查询和分析页面相关参数设置Logstore查询和分析页面。

URL参数及效果示例如下所示：

• 使用如下URL设置查询和分析语句。

  例如*|select count(*)语句经过BASE 64编码后为KnxzZWxlY3QgY291bnQoKik=。

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

  

• 使用如下URL隐藏编辑、修改相关的按钮，例如查询分析属性、另存为告警等。

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

  

• 使用如下URL隐藏Logstore的统计图表和日志聚类页签。

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

  

Logstore快速查询页面相关参数

使用Logstore快速查询页面相关参数设置快速查询页面。

URL参数及效果示例如下所示：

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

仪表盘相关参数

使用仪表盘相关参数设置仪表盘页面。

URL参数及效果示例如下所示：

• 使用如下URL使仪表盘页面为只读模式。

  https://sls4service.console.aliyun.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://sls4service.console.aliyun.com/lognext/project/${ProjectName}/dashboard/${dashboardID}?filters%3Dkey1%3Avalue1%26filters%3Dkey2%3Avalue2

  

• 使用如下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://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

  

• 使用如下URL使仪表盘每5分钟刷新一次。

  https://sls4service.console.aliyun.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参数及效果示例如下所示：

使用如下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内部报表的滚动条。此时，您可以使用仪表盘高阶参数用于自适应仪表盘高度。

对于外层iframe的高度可以通过日志服务postmessage的dashboardHeight来获取，并设置为iframe高度。示例代码如下所示：

  
  


  * {
    padding: 0;
    margin: 0;
  }

  iframe {
    display: block;
    width: 100%;
  }


  
    window.addEventListener('message',function(e){
      console.log(e.data.dashboardHeight)
      document.getElementById('test').style.height = e.data.dashboardHeight + 'px'
    });
  
  somethings