Docs » ブラウザスパンでエラーを特定する

ブラウザスパンでエラーを特定する 🔗

次のシナリオは、架空の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 ドキュメント

This page was last updated on 2023年11月10日.