侧边栏壁纸
博主头像
新·都在 博主等级

行动起来,活在当下

  • 累计撰写 169 篇文章
  • 累计创建 32 个标签
  • 累计收到 75 条评论

目 录CONTENT

文章目录

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

Carol
2024-05-17 / 2 评论 / 2 点赞 / 246 阅读 / 0 字 / 正在检测是否收录...

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

想要在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 参数后面的值即可

效果展示

homepage-51la.webp

2
  1. 支付宝打赏

    qrcode alipay
  2. 微信打赏

    qrcode weixin

评论区