Splunk Synthetics

15 minutes  
ペルソナ

SREの帽子を再び被って、オンラインブティックの監視を設定するよう依頼されました。アプリケーションが 24 時間 365 日、利用可能で良好なパフォーマンスを発揮していることを確認する必要があります。

アプリケーションを 24 時間 365 日監視し、問題が発生したときにアラートを受け取ることができたらいいと思いませんか?ここで Synthetics の出番です。オンラインブティックを通じて典型的なユーザージャーニーのパフォーマンスと可用性を毎分チェックする簡単なテストを紹介します。

Last Modified 2025/04/30

8. Splunk Syntheticsのサブセクション

1. Syntheticsダッシュボード

Splunk Observability Cloud のメインメニューから、Syntheticsをクリックします。AllまたはBrowser testsをクリックして、アクティブなテストのリストを表示します。

RUM セクションでの調査中に、Place orderトランザクションに問題があることがわかりました。Synthetics テストからもこれを確認できるか見てみましょう。テストの 4 ページ目のFirst byte timeというメトリクスを使用します。これはPlace orderステップです。

演習
  • Searchボックスに [ワークショップ名] を入力し、あなたのワークショップのテストを選択します(インストラクターがどれを選択するか指示します)。
  • Performance KPIsの下で、時間選択を過去 1 時間に設定して Enter キーを押します。
  • Locationをクリックし、ドロップダウンからPageを選択します。次のフィルターには、テストの一部であるページが表示されます。
  • Durationをクリックし、Durationの選択を解除してFirst byte timeを選択します。 トランザクションフィルター トランザクションフィルター
  • 凡例を見て、First byte time - Page 4の色に注目してください。
  • First byte time - Page 4の最も高いデータポイントを選択します。これで、この特定のテスト実行のRun resultsに移動します。
Last Modified 2025/05/02

2. Syntheticsテスト詳細

現在、単一の Synthetic Browser テストの結果を見ています。このテストはビジネストランザクションに分割されています。これは、ビジネス上重要なユーザーフローを表す、論理的に関連する 1 つ以上の操作のグループと考えてください。

情報

以下のスクリーンショットにはエラーを示す赤いバナーは含まれていませんが、あなたの実行結果には表示されている場合があります。これは、場合によってはテスト実行が失敗することがあり、ワークショップに影響しないため予期されることです。

ウォーターフォール ウォーターフォール

  1. フィルムストリップ: サイトのパフォーマンスのスクリーンショットのセットを提供し、ページがリアルタイムでどのように応答するかを確認できます。
  2. ビデオ: 特定のテスト実行の場所とデバイスからあなたのサイトを読み込もうとするユーザーが体験する内容を正確に確認できます。
  3. ブラウザテストメトリクス: ウェブサイトのパフォーマンスの全体像を提供するビューです。
  4. Synthetic トランザクション: サイトとの対話を構成する Synthetic トランザクションのリスト
  5. ウォーターフォールチャート ウォーターフォールチャートは、テストランナーとテスト対象サイトの間の対話を視覚的に表現したものです。

デフォルトでは、Splunk Synthetics はテストのスクリーンショットとビデオキャプチャを提供します。これは問題のデバッグに役立ちます。例えば、大きな画像の読み込みが遅い、ページのレンダリングが遅いなどを確認できます。

演習
  • マウスを使用してフィルムストリップを左右にスクロールし、テスト実行中にサイトがどのようにレンダリングされていたかを確認します。
  • ビデオペインで、再生ボタン を押してテスト再生を見ます。省略記号 をクリックすると、再生速度の変更、ピクチャーインピクチャーでの表示、さらにビデオのダウンロードもできます。
  • Synthetic トランザクションペインのビジネストランザクションヘッダーの下で、最初のボタンHomeをクリックします。
  • 下のウォーターフォールにはページを構成するすべてのオブジェクトが表示されます。最初の行は HTML 自体です。次の行は、ページを構成するオブジェクト(HTML、CSS、JavaScript、画像、フォントなど)です。
  • ウォーターフォールでGET splunk-otel-web.jsの行を見つけます。
  • > ボタンをクリックしてメタデータセクションを開き、リクエスト/レスポンスヘッダー情報を確認します。
  • Synthetic トランザクションペインで、2 番目のビジネストランザクションShopをクリックします。フィルムストリップが調整され、新しいトランザクションの先頭に移動することに注意してください。
  • 他のすべてのトランザクションについても同じことを繰り返し、最後にPlace Orderトランザクションを選択します。
Last Modified 2025/05/02

3. SyntheticsからAPMへ

今、以下のような表示が見えているはずです。

注文する 注文する

演習
  • ウォーターフォールでPOST checkoutで始まるエントリを見つけます。
  • その前にある > ボタンをクリックして、メタデータセクションを展開します。収集されたメタデータを観察し、Server-Timingヘッダーに注目してください。このヘッダーにより、テスト実行をバックエンドトレースに関連付けることができます。
  • ウォーターフォールのPOST checkout行にある青い APMリンクをクリックします。

APMトレース APMトレース

演習
  • paymentserviceに対して 1 つ以上のエラーが表示されていることを確認します(1)。
  • 同じエラーであることを確認するには、ログの関連コンテンツをクリックします(2)。
  • 前回の演習を繰り返して、エラーのみにフィルタリングします。
  • エラーログを表示して、無効なトークンによる支払い失敗を確認します。
Last Modified 2025/05/01

4. Synthetics Detector

これらのテストを 24 時間 365 日実行できるため、テストが失敗したり、合意した SLA よりも長く実行され始めた場合に、ソーシャルメディアやアップタイムウェブサイトから通知される前に、早期に警告を受けるための理想的なツールです。

ソーシャルメディア ソーシャルメディア

そのような事態を防ぐために、テストが 1.1 分以上かかっているかどうかを検知しましょう。

演習
  • 左側のメニューから Synthetics ホームページに戻ります

  • ワークショップのテストを再度選択し、ページ上部のCreate Detectorボタンをクリックします。
    synth Detector synth Detector

  • New Synthetics Detectorというテキスト(1)を編集し、イニシャル - [ワークショップ名]に置き換えます。

  • Run DurationStatic threasholdが選択されていることを確認します。

  • Trigger threasholt2)を65,00068,000に設定し、Enter キーを押してチャートを更新します。上図のように、しきい値ラインを切る複数のスパイクがあることを確認してください(実際のレイテンシーに合わせてしきい値を少し調整する必要があるかもしれません)。

  • 残りはデフォルトのままにします。

  • スパイクの下に赤と白の三角形の列が表示されるようになったことに注意してください(3)。赤い三角形は、テストが指定されたしきい値を超えたことを Detector が検出したことを知らせ、白い三角形は結果がしきい値を下回ったことを示します。各赤い三角形がアラートをトリガーします。

  • アラートの重大度(4)は、ドロップダウンを別のレベルに変更することで変更できます。また、アラート方法も変更できます。受信者を追加しないでください。アラートストームの対象になる可能性があります!

  • Actibateをクリックして、 Detector をデプロイします。

  • 新しく作成した Detector を見るには、Edit Testボタンをクリックします。

  • ページの下部にアクティブな Detector のリストがあります。

    Detectorのリスト Detectorのリスト

  • あなたの Detector が見つからず、新しい Synthetics Detectorという名前のものが表示されている場合は、あなたの名前で正しく保存されていない可能性があります。新しい Synthetics Detectorのリンクをクリックして、名前の変更をやり直してください。

  • 閉じるボタンをクリックして編集モードを終了します。