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エラー 🔗

An uncaught JavaScript error is an implicit error. Uncaught JavaScript errors typically don’t have custom error messages. Uncaught JavaScript errors can contain important information in an unedited format like a stack trace. Both caught and uncaught JavaScript errors can contain stack traces. This example span of an uncaught error from the fictitious application shows what fields you might see in Splunk RUM in the sesion details view.

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

バックエンドのエラーとリソースの応答時間の長さ 🔗

バックエンドのエラーは、ファーストパーティとサードパーティの両方のエンドポイントでキャプチャされます。

リソースエラー 🔗

In Splunk RUM for Browser, resource errors are explicit HTTP event errors like fetch errors, AJAX errors and XHR requests. An XHR/fetch error happens when the server encounters an error. For example, if a user requested to access data on an application and the data was deleted from the server. A third-party resource error is when a user tries to access resource over a network and the resource is unavailable. For example, if a user on your application tries to load a JavaScript, CSS, or image resource, but it didn’t load.

リソース応答時間 🔗

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 ドキュメント

このページは 2023年11月10日 に最終更新されました。