Application Insights で Web アプリのクライアント JavaScript 例外を記録したら、URL は記録されていない?

Application Insights の試用を始めた

実はこれまでのところ、Web アプリの各種モニタリングには Application Insights は使っていなかったのだが、思うところあって、Application Insights の利用を始めることにした。

Application Insights の適用できるプラットフォームは多岐に渡る。
今回は Web ページの監視、クライアント側スクリプトにおける Application Insights の試用を開始した。

実装

ガイドに従って手続きを進め、下記のような JavaScript コードをページに埋め込んだ。

<script type="text/javascript">

var appInsights = window.appInsights || function(config){

... 省略 ...

}({

instrumentationKey: "a79dec8d...c3a427"

});

window.appInsights = appInsights;

appInsights.trackPageView();

</script>

これで、JavaScript コード上で捕捉されなかった例外が Application Insights サービスにインターネット経由で送信され、Visual Studio 上や、Web ブラウザからの Azure ポータルサイト上で確認することができるようになる。

試用を始めて早速に、捕捉されないクライアントスクリプト例外が発生。

それではと、Azure ポータルで発生した例外のログを確認してみた。

なるほどなるほど、例外のメッセージはもちろん、スタックトレースも当然のごとく閲覧可能。

...と、見ているうちに気が付いた。

例外発生時のページ URL はどこ?

ページ URL の記載がない?

このクライアントスクリプト例外が発生したときの、ページ URL がわからない。

「http://host/#/foo/edit/123」みたいに URL がわかれば、「foo の ID = 123 を編集中に、この例外が発生したんだな！」と、現象の再現に大変役立つ。

しかしその URL がわからないとなると、かなりきつい。

"url" という項目はあるにはある。
しかしこれは例外発生個所の JavaScript ファイルの URL だった。

そういう URL は無用である (スタックトレースみればわかるし)。

何か見落としているのかもしれないが、現時点でもなお、にクライアント側スクリプト例外の発生時のページ URL の記録は見つけられていない。

いちおう、ブラウザの開発者ツールで、Application Insights への送信内容も傍受して内容の JSON を見てみたが、そこにもページ URL らしきものは、自分には見つけられなかった。

自前で配線

致し方ないので、捕捉されなかったクライアントスクリプト例外の記録を、Application Insights の既定のスクリプトに任せるのをやめ (下記)、

<script type="text/javascript">

var appInsights = window.appInsights || function(config){

... 省略 ...

}({

instrumentationKey:"a79dec8d...c3a427",

disableExceptionTracking: true // このオプション指定を追加

});

代わりに自前で、捕捉されなかった例外の Application Insights への送信を実装し、そこで window.location.href も盛り込むようにした。

window.onerror = function (msg, file, line, column, err) {

appInsights.trackException(err, null, {

url: file,

pageUrl: window.location.href

});

};

</script>

これで Azure ポータル上での例外ログを閲覧したときに、例外発生時の URL もわかるようになった。

でも本当にこれでいいの?

...という感じで、とりあえずは自己解決したのだけれど、今になって落ち着いて考えるに、皆さん、クライアントスクリプト例外の記録に、例外発生時のページの URL が併記されてないまま Application Insights を利用されているのだろうか??

それとも自分が何か壮大な勘違い・間違いを犯しているのではないだろうか?

もし何か情報があればコメントや Twitter 上のツイートなどで教えていただけると大変ありがたい。