ブラウザスパンでエラーを特定する 🔗
次のシナリオは、架空のeコマース企業である Buttercup Industries を取り上げています。
Splunk RUM のエラー 🔗
Splunk RUM for Browser はすべての HTTP ステータスコードをキャプチャし、すべての XMLHttpRequest (XHR) オブジェクトとフェッチリクエストを Tag Spotlight で確認できます。エンドポイントエラーのメトリクスでは、5xx エラーと 4xx エラーがカウントされます。Splunk RUM の各スパンはタグを含み、エラーはこれらの属性を持つスパンとして定義されます:
status_code:5xx
error:true
status_code:4xx
以下の定義と例は、Splunk RUM for Browser でデータから検索できるさまざまなタイプのエラーを示しています。
JavaScriptエラー 🔗
Splunk RUM for Browser では、明示的な JavaScript コンソールエラーと、onerror イベントのような捕捉されない JavaScript エラーの2種類があります。フロントエンドのエラーはページごとに表示され、1分あたりのエラー数、ページロードまたはルート変更あたりのエラー数で説明されます。
JavaScriptのコンソールエラー 🔗
JavaScriptのコンソールエラーは明示的なエラー。エラー console.error(...)
が表面化し、エラーのコンテキストや原因を説明する、彼らが書いたカスタムエラーメッセージが含まれている場合に発生します。
捕捉されないJavaScriptエラー 🔗
捕捉されないJavaScriptエラーは暗黙のエラーです。捕捉されない JavaScript エラーは通常、カスタムエラーメッセージを持ちません。捕捉されない JavaScript エラーには、スタックトレースのような編集されていない形式で重要な情報が含まれることがあります。捕捉された JavaScript エラーも捕捉されていない JavaScript エラーも、スタックトレースを含むことができます。この架空のアプリケーションの捕捉されなかったエラーのスパン例では、Splunk RUM のセッション詳細ビューでどのようなフィールドが表示されるかを示しています。
Span ID c85a362c4667
Operation console.error
TAGS:
_sf_ua_browserName Safari
_sf_ua_browserVersion 87.0.4280.88
_sf_ua_clientIP exampleIP
_sf_ua_osName Linux
app ExampleName
component error
error true
error.message Uncaught TypeError: Cannot read property 'Price' of undefined
error.object String
location.href http://example
norm.location.href http://example
customerId c123
ot.status_code UNSET
splunk.rumSessionId session123
splunk.rumVersion 0.0.14
splunk.scriptInstance instance123
バックエンドのエラーとリソースの応答時間の長さ 🔗
バックエンドのエラーは、ファーストパーティとサードパーティの両方のエンドポイントでキャプチャされます。
リソースエラー 🔗
Splunk RUM for Browser では、リソースエラーはフェッチエラー、AJAX エラー、XHR リクエストなどの明示的な HTTP イベントエラーです。XHR/フェッチエラーは、サーバーがエラーに遭遇したときに発生します。たとえば、ユーザーがアプリケーション上のデータへのアクセスを要求し、データがサーバーから削除された場合などです。サードパーティリソースエラーとは、ユーザがネットワーク上のリソースにアクセスしようとして、そのリソースが利用できない場合のことです。例えば、アプリケーション上のユーザーがJavaScript、CSS、または画像リソースをロードしようとしたが、ロードされなかった場合です。
リソース応答時間 🔗
Splunk RUM for Browser はエンドポイントのパフォーマンスを監視し、リソースの応答が遅いなどの挙動のスパイクを特定します。
スパンの例 🔗
これは架空の「 my-app 」の404エラーのスパンの例を示しています。
Span ID c85a362c4668
Operation HTTP GET
TAGS:
_sf_ua_browserName Chrome
_sf_ua_browserVersion 87.0.4280.88
_sf_ua_osName Mac OS X
_sf_ua_osVersion 10.15.7
app my-app
component xml-http-request
error true
http.host my.app.domain.com
http.method GET
http.response_content_length 18
http.scheme http
http.status_code 404
http.status_text Not Found
http.url /api/ratings/api/fetch/STAN-1
http.user_agent Mozilla/5.0 (Macintosh; Intel Mac OS X
10_15_7) AppleWebKit/537.36 (KHTML, like
Gecko) Chrome/87.0.4280.88 Safari/537.36
location.href my-app.comain.com/product/STAN-1
orgId org123
ot.status_code UNSET
span.kind client
splunk.rumSessionId session123
splunk.rumVersion 0.0.14
splunk.scriptInstance instance123
概要 🔗
Splunk Observability Cloud の使用感を最適化する方法については、次を参照してください:
サブジェクト |
リソース |
---|---|
ビデオチュートリアルとブログ記事 |
|
Splunk RUM ドキュメント |