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

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

アプリのインストール

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

20220330 1123

最初の起動画面。

20220330 1124

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

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

Ray
https://plugins.craftcms.com/c...
composer require spatie/craft-ray && php craft plugin/install craft-ray

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

20220330 1125

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

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

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

20220330 1126

設定情報

20220330 1127

Debug 内容の確認

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

試しに以下を入れると

{{ ray('Hello world') }}
20220330 1128

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

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

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

{{ ray(element) }}
20220330 1129

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

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