SmokepingでNuro回線のネットワーク遅延をグラフ化 & WordPressトップページにグラフ貼り付け

by tatuiyo · 公開済み 2021年3月15日 · 更新済み 2025年6月27日

Table of Contents

Smokeping

近頃Nuroの回線が不安定(パケットロスが酷い)ため、ネットワークのレイテンシをグラフで可視化できるSmokepingを導入します。

インストール手順はこちらを参考にしました。

https://sig9.hatenablog.com/entry/2020/01/13/000000

インストール

$ sudo apt install smokeping

途中postfixの設定が出てきますが、とりあえずno configにしておきました。

cgi有効化

$ sudo a2enmod cgi

設定

DNS、Curlを追加することによって、DNS、HTTPのレイテンシーを計測することができるようです。
他にもSSHやLDAPなどがあります。

こちらを参考にしてください。
https://wiki.archlinux.jp/index.php/Smokeping

/etc/smokeping/config.d/Probes

*** Probes ***

+ FPing

binary = /usr/bin/fping

+ DNS
binary = /usr/bin/dig
lookup = example.com
pings = 5
step = 180

+ Curl

binary = /usr/bin/curl
step = 60
urlformat = https://%host%/

/etc/smokeping/config.d/Targets

*** Targets ***

probe = FPing
menu  = Top
title = Network Latency Grapher

+ ICMP

probe = FPing
menu  = ICMP
title = ICMP

++ Google_1_ICMP

menu  = 8.8.8.8
title = 8.8.8.8
host  = 8.8.8.8

++ Google_2_ICMP

menu  = 8.8.4.4
title = 8.8.4.4
host  = 8.8.4.4

++ Cloudflare_1_ICMP

menu  = 1.1.1.1
title = 1.1.1.1
host  = 1.1.1.1

++ Cloudflare_2_ICMP

menu  = 1.0.0.1
title = 1.0.0.1
host  = 1.0.0.1

+ DNS

probe = DNS
menu  = DNS
title = DNS

++ Google_1_DNS

menu  = 8.8.8.8
title = 8.8.8.8
host  = 8.8.8.8

++ Google_2_DNS

menu  = 8.8.4.4
title = 8.8.4.4
host  = 8.8.4.4

++ Cloudflare_1_DNS

menu  = 1.1.1.1
title = 1.1.1.1
host  = 1.1.1.1

++ Cloudflare_2_DNS

menu  = 1.0.0.1
title = 1.0.0.1
host  = 1.0.0.1

+ HTTP

probe = Curl
menu  = HTTP
title = HTTP

++ Google_HTTP

menu  = Google
title = www.google.co.jp
host  = www.google.co.jp

++ Yahoo_HTTP

menu  = Yahoo!
title = www.yahoo.co.jp
host  = www.yahoo.co.jp

~~http://サーバーアドレス/cgi-bin/smokeping.cgi にアクセスすると表示されます。~~
　
cgiを直接指定してアクセスするとCSSがちゃんと表示されないっぽいです。
http://アドレス/smokepingにアクセスしてください。

こちらで公開します。回線はNuroの神奈川エリアです。
https://tatuiyo.xyz/smokeping

ちなみに、見たところこのようにグラフの画像が保存されていたので、これを利用してトップページにこの画像を参照して、グラフが見えるようにしました。

例えば Google 1 ICMPの過去180分のグラフが参照したければ、
http://サーバーアドレス/smokeping/images/ICMP/Google_1_ICMP_last_10800.png
といった感じです。

追記

別の環境に今までのデータを移行するために、

root@wordpress:~# cat /etc/smokeping/config.d/pathnames
sendmail = /usr/sbin/sendmail
imgcache = /var/cache/smokeping/images
imgurl   = ../smokeping/images
datadir  = /var/lib/smokeping
piddir  = /var/run/smokeping
smokemail = /etc/smokeping/smokemail
tmail = /etc/smokeping/tmail
dyndir = /var/lib/smokeping/__cgi

ここにあるディレクトリ全てコピーしたら表示が狂ってしまいました。どうしたらよかったんですかね？