GrafanaでCloudFlare Edgeログを視覚化します

Optimizelyには現在 ベータ版を開きます DXPのお客様がCloudFlare Edgeログにアクセスできるようにします。このベータ版はしばらくの間存在していましたが、おそらくエッジログがある種のものになる可能性があるため、それについてあまり投稿していませんでした つまらない？

まあ、派手なダッシュボードでそれらを視覚化する場合ではありません！

技術スタック

これがすべて（少なくともベータ段階で）どのように機能するかは、CloudFlare EdgeログがOptimizelyが所有するAzure Blobストレージコンテナにプッシュされ、SASリンクが取得されることです。あなたがログで何をするか から その保管コンテナはあなた次第です。

使用することを選択しました こすります Homelabの群衆（有罪）の間で人気のある選択であるため、ほとんど何でも視覚的に表現することが容易になるためです。グラファナを取得するために “理解する” 彼らが行く必要がある私たちのログ ロキ まず、基礎となるデータベースエンジンと考えることができます。

必要な最後のことは、実際のログファイルを取得することです から Azureストレージコンテナ の中へ ロキ。 Blob StorageからAzure Log Analyticsまでの摂取パイプラインなど、自動的にそれを行う方法があるかもしれませんが、私は自分のものを構築するのが好きなので、代わりにそれをしました。

必要なものはすべて、Dockerスタックに巻き付けて、作業を非常に簡単にしました。

エッジログベータを申請します。

プロジェクトのセットアップ

1. Git Repoをクローンします。
2. 私に基づいて `/.env`ファイルを作成します example.env、 必要に応じてあなたの価値に置き換えてください。デフォルトのGrafanaユーザー名とパスワードを変更することを検討してください。
3. プロジェクトディレクトリで端末を開き、 `docker Compose upを使用してDockerスタックを開始
4. Grafanaはhttp：// localhost：3000で実行されるはずです
5. ユーザー /パス構成としてログイン、またはデフォルトのadmin / admin

Dockerでスタックを実行する必要があります。

ログの摂取で何かをデバッグする必要がある場合は、コンテナを確認してください。

完了したら、同じプロジェクト端末に「Docker Composed Down」でシャットダウンして、スタックを倒します。

ダッシュボードを追加します

上記の例からダッシュボードを、Grafana UIを使用してインポートできます。 ダッシュボードJSONファイルの例。最初の起動時に数分を与えて、すべてのパネルを埋めるのに十分なデータを取得します。

便利なリンク

エッジログをもっと探索したい場合 CloudFlare Edgeログドキュメント そこから独自のダッシュボードパネルを作成できるように、値が意味するものの適切な参照です。

ログへのアクセスに問題が発生した場合は、確認する必要がある場合があります Optimizelyからのドキュメント。 Epicloudモジュールがコードで何をしているのか、SASリンクを自動的に取得するために、SASリンクが失効したときに自動リフレッシュする方が簡単だからです。

そして、あなたが問題を貢献または提起したい場合に備えて： https://github.com/jacobpretorius/opti.edge.logs.grafana

結論

人々がどのような視覚化を思いついたのか本当に興味があります。これまでのところ、トラフィックタイプとCFブロックアクションは、私たちが通常さらされているものではないため、非常に優れていることがわかりました。

カスタムダッシュボードやパネルを私たちと共有してください😇

2025年4月30日