【HomePage】- 51LA数据配置展示

【HomePage】- 51LA数据配置展示

原文地址：https://blog.xindu.site/archives/1715909915452

想要在HomePage上配置51LA的信息展示，经过努力找到一个可用接口可以提供相关数据。本文将详细讲解如何在HomePage中进行配置并展示51LA网站监控的相关信息。

配置

打开HomePage的 service.yaml 文件，填写以下内容并修改其中的参数数据为自己的内容

- 51·LA:
    icon: https://sdk.51.la/icon/3-1.png
    description: 网站数据统计与营销分析平台
    href: "https://v6.51.la/land/xxxxxx"
    siteMonitor: https://v6.51.la/api/report/overview/title?comId=id
    ping: https://v6.51.la/api/report/overview/title?comId=id
    widget:
        type: customapi
        url: https://v6.51.la/api/report/overview/title?comId=id
        method: GET
        headers: 
            Cookie: cookie
        mappings:
            - field: 
                bean: curUv
              label: 今日UV
            - field: 
                bean: curPv
              label: 今日PV
            - field: 
                bean: monthPv
              label: 本月浏览数
            - field: 
                bean: totalPv
              label: 总访问量

参数说明

• 51·LA：自定义名称
• icon：可选参数。图标，可以使用在线地址，本地地址需要重启HomePage容器
• description：可选参数。自定义描述
• href：自定义点击跳转地址
• siteMonitor：可选参数。自定义监控地址，可检测URL连接性
• ping：可选参数。检测自定义地址延迟
• widget：展示片
  • type：类型，这里写固定值：customapi
  • url：请求接口，这里将 https://blog.xindu.site 替换成你自己的站点地址即可
  • method：请求方式，这里写固定值：GET
  • headers：请求头信息，因为51la有验签，所以这里必须配置请求头信息
    • Cookie：cookie信息，需要你自己登录51LA网站后在控制台查看并复制过来
  • mappings：数据对象，更多配置方式可以参考文档 # Custom API
    • field：字段名，根据接口返回报文填写。这里注意字段名写法，bean是固定的，因为是两层JSON结构。
    • label：自定义名字，用于描述字段

comId

comId：请求接口 comId 参数需要自己去生成

1. 登录你的51LA网站
2. 访问你的网站的监控面板
3. 复制浏览器地址栏中的 comId 参数后面的值即可

效果展示