sitespeedio.io 前端页面监控安装部署接入influxdb 到grafana

1.docker部署influxdb,部署1.8一下,不然语法有变化后面用不了grafana模板

复制代码
docker run -d -p 8086:8086 --name influxdb -v $PWD/influxdb-data:/var/lib/influxdb influxdb:1.7.11-alpine
docker exec -it influxdb_id bash 
#influx
create user admin with password '123456' with all privileges
create database sitespeedio

# cat /etc/influxdb/influxdb.conf
[meta]
  dir = "/var/lib/influxdb/meta"

[data]
  dir = "/var/lib/influxdb/data"
  engine = "tsm1"
  wal-dir = "/var/lib/influxdb/wal"
[http]
auth-enabled = true   #新增开启认证
重启influxdb
  1. sitespeed试着往influxdb写入数据

    docker run --rm -v "$(pwd)/sitespeed-result:/sitespeed.io" sitespeedio/sitespeed.io https://www.baidu.com --influxdb.protocol=http --influxdb.host=192.168.14.66 --influxdb.port=8086 --influxdb.database=sitespeedio --influxdb.username=admin --influxdb.password=123456

会在sitespeed-result下面生成html文件,可以直接打开看,但是我需要历史数据做统计所以接入influxdb再grafana展示
  1. 查看influxdb是否创建了表

    use sitespeedio
    SHOW MEASUREMENTS #查看表
    select * from cpu #查看cpu表数据

  2. 接入grafana

导入json文件

下载地址:

github

自己地址

相关推荐
ℋᙚᵐⁱᒻᵉ鲸落5 小时前
移动端滑动手势冲突:overflow: auto导致外层横向滑动失效
前端·javascript·css·vue.js·html
默_笙6 小时前
🎃 前端学了 Next.js,后端该学啥?NestJS 就是 Node 版的蜜雪冰城
前端·javascript
DevOps老兵6 小时前
AI Infra实战02:GPU监控实战,用DCGM+Prometheus+Grafana看清每一张卡
人工智能·grafana·prometheus·ai infra·gpu监控·dcgm
qq_452396237 小时前
第二篇:《LGTM 栈全景:Loki、Grafana、Tempo、Mimir 的协同作战》
grafana
前端snow7 小时前
ai agent --- 实现 openclaw 定时间效果
前端
码云之上7 小时前
换模型之后,Chatbot 为什么要自己做 compact?
前端·agent·前端工程化
星栈8 小时前
自定义 UI-UX-Pro-Max 的 CSV 知识库,把 AI 生成的后台拉回行业该有的样子
前端·agent·weui
研☆香8 小时前
简单的图片上传 删除 预览
前端
ITresearchGuest8 小时前
我用 AI 一小时写了一个世界杯数据可视化平台|前端 VibeCoding 初体验
前端·人工智能·信息可视化
慧一居士9 小时前
Vite项目中使用Less步骤,详细使用示例
前端·css