Clockwork 拡張機能を使用して Laravel アプリのデバッグ情報を Chrome ブラウザーに表示する

Laravel で非常に人気のあるデバッグ ツールである Debugbar を以前紹介しました。今日は別のツールである Clockwork を紹介します。

Clockwork は、PHP の開発とデバッグ用の Chrome 拡張ツールです。この拡張ツールは、Chrome ブラウザの開発者ツールに Clockwork という新しいパネルを追加し、PHP に関する役立つ情報をすべて表示します。コード (リクエスト、ヘッダー、データの取得/投稿、Cookie、セッション、データベース クエリ、ルーティング、実行時間、ログなど)

拡張機能のインストールは簡単です。Chrome ウェブストアで Clockwork を検索してインストールするだけです。インストールが完了すると、F12 ページの開発者ツールに新しい Clockwork パネルが表示されます。

ここでの Clockwork は、よく言われるように、単なるクライアント ツールです。完了したい場合は、対応するコードをサーバー側で実装する必要があることを示しています。

まず、Composer を使用して Clockwork 依存関係パッケージをインストールする必要があります。

composer require itsgoingd/clockwork ~1.11.1

この依存関係パッケージは Laravel から独立しており、Laravel、Lumen、 Slim 2 と CodeIgniter 2.1 。ここでは、Laravel での使用方法のみを説明します。その他の使用例については、その Github プロジェクトを参照してください: https://github.com/itscomingd/ Clockwork。

他の拡張パッケージと同様に、最初にサービスプロバイダーとファサードを config/app.php に登録する必要があります。

'providers' => array(    ...    Clockwork\Support\Laravel\ClockworkServiceProvider::class)'aliases' => array(    ...    Clockwork' => 'Clockwork\Support\Laravel\Facade::class,)

次に、app/Http/Kernel にも登録する必要があります。 .php Clockwork ミドルウェアを次の場所に登録します:

protected $middleware = [    Clockwork\Support\Laravel\ClockworkMiddleware::class,    ...]

コンテナからインスタンスを取得してファサードを使用することに加えて、Clockwork 拡張機能は Clockwork ログにレコードを追加するための補助関数 Clock() も提供します。タイムラインに移動し、Clockwork の使用例として Clock() を取り上げます。

Route::get('test', function () {    clock()->startEvent('event_name', 'LaravelAcademy.org'); //事件名称，显示在Timeline中    clock('Message text.'); //在Clockwork的log中显示'Message text.'    logger('Message text.'); //也Clockwork的log中显示'Message text.'    clock(array('hello' => 'world')); //以json方式在log中显示数组    //如果对象实现了__toString()方法则在log中显示对应字符串，    //如果对象实现了toArray方法则显示对应json格式数据，    //如果都没有则将对象转化为数组并显示对应json格式数据    clock(new Object());    clock()->endEvent('event_name');});

はブラウザに次のように表示されます: