本文档为您介绍如何使用DataV完成日志服务数据的展示,实现实时业务监控。

概述

本案例的整体步骤如下。
  1. 准备工作
  2. 配置日志服务
  3. 配置DataV

准备工作

配置日志服务

  1. 登录日志服务控制台,查看Logstore列表。
    登入日志服务控制台并查看列表
  2. 单击列表中的查询,出现如下界面。
    进入查询界面
  3. 为所有必填字段创建索引。

    单击页面右上角菜单栏的查询分析属性,选择设置,为每个项目创建索引。

  4. 查询分析页面验证数据。
    查询分析页面数据
  5. 数据导入成功后,单击左侧菜单栏的仪表板,切换至图形页面(下图中的X轴为时间)。
    切换图形页面

配置DataV

  1. 登录DataV控制台。
    登入控制台
  2. 单击创建项目,选择一个空白模板并输入项目名称,单击创建
  3. 在画布中添加一个组件。
    画布添加组件
    该组件默认显示静态数据集。
    组件静态数据显示的内容
  4. 单击该组件,在右侧的数据面板中,单击配置数据源
  5. 设置数据源页面中,选择数据源类型简单日志服务 SLS
    添加简单日志服务数据源
  6. 单击新建,在添加数据对话框中,填入数据源相关信息,单击确定
    添加数据源数据
    参数 说明
    数据源名称 数据源的显示名称,您可以自由命名。
    AppKey 拥有目标SLS访问权限的账号的AccessKey ID。
    AppSecret 拥有目标SLS访问权限的账号的AccessKey Secret。
    EndPoint 填写SLS服务的EndPoint。请参考日志服务入口文档,根据您SLS服务的网络类型和所在区域进行填写。例如VPC网络下,上海区域的EndPoint填写为https://cn-shanghai-intranet.log.aliyuncs.com
    说明 Endpoint前需要添加http://或者https://
  7. 选择添加完成的数据源,并在数据查询框中输入如下示例脚本进行查询。
    {
    "projectName": "k8s-logs",
    "logStoreName": "k8s-logstore",
    "topic": "",
    "from": "1518883200",
    "to": "1518969600",
    "query": "* | select count(1) as pv, date_format(from_unixtime(__time__ - __time__%3600) ,'%Y/%m/%d %H:%i:%s')   as time group by time  order by time limit 1000" ,
    "line": 100,
    "offset": 0
    }
    说明 fromto是时间戳,可以用来检查查询中的原始数据。
  8. 单击预览数据源返回结果,结果如下图所示。
    查看数据响应结果预览数据
  9. 勾选使用过滤器,添加如下的过滤器,确保pv为整数,单击确定
    return Object.keys(data).map((key) => {
     let d= data[key];
     d["pv"] = parseInt(d["pv"]);
     return d;
    }
    )

    添加过滤器
  10. 设置坐标轴并验证是否正确。
    设置坐标轴并验证
  11. 单击预览
    您可以看到xy使用正确的数据类型,并且pv为整数。
    预览数据图
  12. 单击界面右上角的发布,发布该大屏项目,使得您可以公开访问该大屏。

查看结果

本案例的发布结果如下图所示。
查看结果视图

您已在阿里云上成功配置DataV和Log Service,并使用Log Service通过自定义DataV可视化大屏实现了实时监控。

参考文档

有关日志服务和容器服务的更多信息,请参见: