昨日TLで話題になっていたので、Glimpseを試してみました。
そういえば随分前に@chack411さんがblogに書かれていたのは把握しつつ、忙しさにかまけて触っていなかったな、と……。
実際に試してみた結果、これは『ASP.NETで開発を行うなら手放せないツール』になりそうな予感がヒシヒシと。
GlimpseはASP.NET用の診断ツール
Glimpseとは何かというと、ASP.NET用の診断ツールです。
公式サイトはこちら：Glimpse - the open source diagnostics platform of the web
実行時のサーバ変数や各種トレース情報等々、サーバーサイドでなければ解らない情報をブラウザ上から閲覧できます。もちろん手元のデバッグ実行環境だけでなく、リモートのサーバに配置した状態でもOK。
適用の対象となるプロジェクトは2013年10月末現在で、ASP.NET MVC 2 ～ MVC 5そしてASP.NET Web Formsです。またEntity FrameworkやADO.NETの実行時の情報が取得可能なExtensionが公式に提供されています。そのほか、サードパーティー製のExtensionsがたくさん提供されています。NHibernate用のなんかもあるみたいです。
以下に、Web Formsプロジェクトを例にGlimpseの導入例とどんな機能があるのかをざっくり紹介してみたいと思います。
Web FormsプロジェクトでGlimpseを適用してみる例
では試しに、最近リリースされたばかりのWeb Forms対応版を試してみたいと思います。MVCでの適用例は、前述の@chack411さんのblogエントリをご参照ください。
インストールはNuGetで
インストールは簡単、NuGetで一発です。Web Formsプロジェクトに対して、パッケージマネージャコンソールで
Install-Package Glimpse.WebForms
とやるか、GUIでGlimpse.WebFormsを検索してインストールしましょう。
Webアプリを実行してGlimpseを有効にする
インストールされたGlimpseを有効にするには、一度Webアプリケーションを実行し「~/Glimpse.axd」にアクセスします。 表示された画面の右上のほうにある「Turn Glimpse On」をクリック。これで、有効になりま
これで準備は完了です。とりあえずアプリケーション内の適当なフォームを表示させてみると、右下にHUD*1と呼ばれる領域が描画されていて、なにやら数字が表示されてると思います。
HUDにはざっくりと統計情報が表示される
HUDを見てみると、レスポンスタイムなんかの数字が表示されています。ここで嬉しいのは「HOST」の項目の数字ではないでしょうか。「HTTP」の項目のものは最近のブラウザだと組み込みの開発者ツールで取れますが、サーバサイドの数字はブラウザ単体では取れないので、Glimpseならではではないでしょうか。 また各項目はマウスカーソルを持っていくことで、こんな感じでピックアップ表示されます。
診断ウィンドウで詳細なデータを参照する
もちろん参照できるデータはこれだけではありません。本領を発揮するには、HUDの右端にある「g」マークをクリックして、診断ウィンドウを表示させます。
上の画像のように、最初はアプリケーションと同じブラウザ内で表示されます。診断ウィンドウを別画面で表示したい場合は、右のほうにある「pop out」ボタン（次の画像参照）をクリックします。
診断ウィンドウで表示されるものの例
診断ウィンドウではタブごとに様々な情報が表示されています。 いくつかかいつまんで紹介すると、例えば「Control Tree」ではその名の通りサーバサイドで構築されるコントロールツリーの情報が見れたり…
「Page Life Cycle」ではライフサイクルイベントごとの処理時間が表示されたり…
「Session」ではセッションオブジェクトの中身が表示されます。入れ子になったオブジェクトもちゃんと表示されます。
また、「Trace」ではライフサイクルイベントの情報が規定で表示されつつTraceやDebugで出力した各種情報が表示されます。
Glimpseをリモートサーバで実行するには
インストール直後、デフォルトでは、実はサーバサイドでは有効になっていません。Web.Configなんかの内容も見てしまうので、うっかりするとセキュリティ上のリスクもありますしね。
サーバサイドで実行できるようにするは、Web.Configを編集してやる必要があります。Web.Configでコメントアウトしている、以下を有効にしてやる必要があります。
Glimpseのサーバサイド実行の設定（Web.Configの断片）
編集前後を画像でお見せするとこんな感じです。
↓
なお、さらに本番環境等でセキュアに実行するのはどうすればいいかについて、Stack overflowで以下のようなトピックがあったので気になる方はどうぞ。
まとめ
ということで、Glimpse、『ASP.NETのプロジェクト作ったらとりあえず入れておく』位の勢いで入れておいてもいいかもしれません。
