LivewireをTelescopeで見える化する

投稿日 最終更新日

2024年10月29日

Livewireの挙動をTelescopeで詳細に表示する方法を説明します。

Laravel Telescopeとは

Laravel TelescopeはLaravelをデバッグする為のLaravel公式ツール。

Telescopeを入れると以下のように

TelescopeでLaravelの詳細を見る画像

いつ、どこの誰から、どんなリクエストが来て、こんな処理をして、こんなレスポンスを返したというのが詳細に見られる。

これ、Livewireを理解するためにTelescopeで動きを追いたいんだけど、初期設定ではログを取ってくれない。
ネットをみても情報が無かったんだけど、簡単に解決したのでここに残す。

Livewireのログを取るには

LivewireのログをTelescopeで残すには、config/telescope.php

    'ignore_paths' => [
        'livewire*',
        ...
    ],

のようにlivewire*がignore_pathに含まれているので、これを取ってあげればおk。 そうすれば Livewireの詳細をTelesocpeで見る画像 のように普通に詳細を閲覧可能。

ignore_pathにlivewire*があったから、/livewireの通信が全部スルーされてたんだね。

Payload、発行したクエリ、Responseも普段のTelescopeのように見れるのでめっちゃ良い。

以上です。