Ray をつかって Craft CMS のデバッグ内容を確認する

@BUN に Craft CMS のテンプレートデバッグ用に Ray を教えてもらった。

Understand and fix bugs faster using Ray - Ray
https://myray.app/

Craft CMS に限らず色々使えるらしい。

https://spatie.be/docs/ray/v1/…

20220330-1122.png

ブラウザのコンソールを別アプリでみる感じ、と教えてもらったが確かにそんな感じ。

アプリのインストール

アプリをサイトからダウンロードしてインストール。

20220330-1123.png

最初の起動画面。

20220330-1124.png

Craft CMS 用プラグインのインストール

Craft CMS 用にプラグインを入れておく。

Ray
https://plugins.craftcms.com/c…

composer require spatie/craft-ray && php craft plugin/install craft-ray

インストールして設定は特にいじらず。

20220330-1125.png

リモートサーバーの設定追加

とりあえず、ローカル環境ではなく開発サーバーで直接触っている物を確認してみる。

右上の所からサーバーを追加する。

20220330-1126.png

設定情報

20220330-1127.png

Debug 内容の確認

これで、CMSのテンプレートにdumpする物をいれると内容を確認できる。

試しに以下を入れると

{{ ray('Hello world') }}

20220330-1128.png

テンプレートを編集したページを開くとこんなかんじで、 Ray 側に表示されている。

どのテンプレートかもわかる。
これは便利だ。

管理画面用のテンプレートで以下のようにして、詳細画面を開くと

{{ ray(element) }}

20220330-1129.png

こんな感じで中身を確認できる。

いやー、これは便利だ。さすが安定の @BUN 。
一家に一台 BUUUUUN.