Webトランザクション監視(ブラウザ)
リアルブラウザー版のWebトランザクション監視では、Webトランザクションの可用性とパフォーマンスを、実ブラウザーで測定します。エンドユーザー体験の確認には、堅牢な記録ツールを利用します。ツールでは、Webトランザクションを記録し、Firefoxなど実ブラウザーで再生します。テストは、90以上のグローバル監視ロケーションや、独自の監視地点から可能です(後者の場合、
Linuxフレーバー版のオンプレミス ポーラーを利用します)。
リアルブラウザー監視はインテリジェントなキャプチャ機能によって、Webサイト内のユーザーとの対話的要素に変更がないか調べ、それにあわせてスクリプトを更新します。
id、name等の属性や、CSS、ユーザー対話型要素のXPathを変更しても、変更の再登録や更新は不要です。たとえば、サイトでのサインアップが捕捉されたものとした場合や、Web最適化の目的で、ボタンの名称、id、XPathを変更しても、作業を再記録することなく、変更の更新ができます。
あわせて、
SeleniumベースのテストケースRBM記録ツールにインポートすることもできます。
しくみ
リアルブラウザー記録ツール(現在バージョン3.2)をダウンロードし、Webアプリケーションのシーケンスにおける、全ユーザー
インタラクションを記録します。エラー検出時は通知を行います。ここでは、捕捉したWebトランザクションを実ブラウザーでプレイバックします(Firefox)。ログイン確認、フォーム記入、AJAX要求、ページ検索などのユーザー
トランザクションを捕捉・記録します。Site24x7では、これらのアクションを常時、シミュレートし、トラブルの予兆をスキャンしています。トランザクションを後から、監視のフォームで修正・編集することも、RBM記録ツールでステップを追加・削除・修正することも可能です。
Seleniumベースのテストケースを、HTML形式でRBM記録ツールにインポートすることもできます。
目次
Chrome、Edgeブラウザを用いたWebトランザクションの新規追加
トランザクションのレコーディングを行うには、Webトランザクション(ブラウザー)レコーダーをインストールする必要があります。
- Site24x7にログインします。
- ホーム > 監視 > +ボタンをクリックします。
- Webトランザクション(ブラウザー)をクリックします。
- トランザクションの記録項目で次の情報を入力します。
- ベースURL:監視作成を行うURLです。
- 機器タイプ:トランザクションを記録したい機器を選択します。機器ベースの解像度もサポートしています。
- アドバンスオプションリンクをクリックして、設定する監視の認証等を設定できます。
- HTTP設定:HTTPリクエストヘッダー:デフォルトのHTTPリクエストヘッダーをカスタマイズしたい場合、ヘッダー名とヘッダー値を入力します。
- ユーザーエージェント:リクエストを送信するユーザーエージェント(Webブラウザ)とHTTPヘッダーを設定できます。認証:Basic/NTML認証:認証に使用する情報を入力します。ユーザー名とパスワードを指定します。
- Webプロキシ項目で次の情報を入力し、クライアントとサーバー間のプロキシ設定を行います。
- WebプロキシURL:WebプロキシURL、ユーザー名、パスワードを入力します。
- 機器タイプ:機器を指定します。
- レコーダーインストールボタンをクリックします。レコーダーがすでにインストールされている場合は、レコーディングの開始ボタンをクリックします。
レコーディングが完了したら、レコーディングの停止ボタンをクリックして、監視の保存ボタンをクリックします。
- 監視設定項目で、次の情報を入力します。
- シンクタイム:次のステップを開始するまでの待機時間です。Webページのコンポーネントを正確にロードするために必要な時間を指定します。0から10秒までで指定できます。デフォルトでは3秒に設定してあります。
- ページロードタイムアウト:HTMLおよびJavaスクリプト、イメージなどのコンポーネントのロードに要する時間です。1から60秒の間で指定できます。
- ユーザーエージェント:カスタムなユーザーエージェント(Webブラウザ)を指定して、異なるブラウザバージョンをシミュレーションします。関連するブラウザバージョンを指定することでカスタマイズできます。デフォルトで、Site24x7ではChrome
88を監視に使用しています。詳細はこちら
- 解像度:トランザクションのプレイバックをより正確にするために画面解像度を選択します。次の画面解像度から選択できます。
| 機器 |
画面解像度 |
| デスクトップ |
1024x768 1366x768 1600x900 1920x1080 |
| IPhone 6/7/8 |
375、667 |
| IPhone 12/13 + Pro |
390、844 |
| IPhone X |
375、812 |
| Galaxy S20 |
360、800 |
| Pixel 2 |
411、823 |
| IPad |
810、1080 |
| IPad Pro |
1024、1366 |
| Surface Duo |
540、72
|
- 監視ブラウザの選択:監視に使用するブラウザを選択します。
- 並行ポーリング:並行ポーリングを有効にして、設定した監視ロケーションから同時にデータ収集を行います。ポーリングはデフォルトで非同期で行われます。セッションベースのアプリケーションので、複数ロケーションからポーリングが行われている場合、同時セッションが作成され、監視への悪影響と監視失敗につながります。これにより普段のポーリング中に並行ポーリングは制限されます。
- チェック間隔:ポーリング頻度を選択します。5分から1日の範囲で指定できます。
- 監視ロケーション:グローバルまたはプライベートな監視ロケーションをドロップダウンから選択します。Linuxベースのオンプレミスポーラーを選択し、プライベートロケーションとして選択できます。さらにロケーションプロファイルをカスタマイズして作成することもできます。詳細はこちら
- 監視グループに関連付け:関連する監視グループをドロップダウンから選択し、その監視を監視のグループに関連付けられます。これにより、監視のグルーピングができます。監視グループの作成方法はこちら
- 依存監視:ドロップダウンから監視を選択し、依存するリソースとして選択できます。これにより、依存リソースのダウンステータスに基づいて監視アラートを抑制できます。詳細はこちら
依存リソースでなしを選択すると、一般設定でアラートが行われます。この場合、アラートは抑制されません。監視グループで、複数の依存リソースを関連付けられます。通常の監視ステータスチェックが行われる際、これら依存監視ステータスはダウンとなり、監視アラートは自動的に抑制されます。しかし、監視レベルの依存設定は他の監視グループの依存設定と比べて高い優先度が設けられます。
- 上記入力後、監視の保存ボタンをクリックすると、追加完了メッセージが表示されます。
レコーディング完了後、30分間トランザクションの操作が可能です。この間に監視の保存が行われないと、記録したトランザクションは破棄されます。
ブラウザアドオンを用いたWebトランザクションの新規追加
Webトランザクション(ブラウザー)レコーダーのインストール:
レコーダーボタンをクリックしてアドオンにアクセスしたら、追加ボタンをクリックします。それによりトランザクションの記録を開始することができます。
トランザクションの記録の開始
- ツールバーの
アイコンをクリックします。データセンターを選択してSite24x7アカウントにログインします。
- ログイン後、新規トランザクションの記録ボタンをクリックします。
また、その隣のSeleniumスクリプトのインポートボタンから、SeleniumベースのスクリプトをWebトランザクション(ブラウザー)アドオンにインポートすることもできます。Seleniumスクリプトをインポートする場合、テストスイートに複数のテストケースが含まれる際、テストスイートは最初のテストケースだけが認識されます。
記録されたスクリプトに取得項目がある場合、実際のテスト再生が始まる直前に警告として通知されます。これはいつでもスキップして、テスト再生を続行できます。
- 監視したいWebページのURLを入力して、記録を開始します。
- デバイスタイプ(デスクトップ、タブレット、モバイル)に応じて、解像度を選択して記録を行います。
解像度の変更はブラウザーレベルでのみ行えます。
- 開いた新規のウィンドウで、すべてのトランザクションを記録します。
- 記録を終えたら、アドオンの右上にある
アイコンをクリックします。
- Click on プレイバックと保存ボタンをクリックして、設定とプレイバック、監視の追加を行います。
- 必要な項目を入力したら、次へボタンをクリックして、新規に監視を追加するか、既存の監視を更新するかを選択します。選択したロケーションから記録したスクリプトのプレイバックを開始することもできます。
既存監視の更新ボタンでは、を次のウィンドウの表示させることができ、Site24x7アカウントで設定されている既存のリアルブラウザー監視が表示されます。アカウントでまだWebトランザクション(ブラウザー)監視が設定されていない場合、新規監視の追加のみ行えます。
新規監視の追加
ボタンをクリックして、監視の追加を行います。監視のテストプレイバックと保存をクリックしていない場合、全情報を入力してテストプレイバック後に自動的に監視に追加するオプションを選択します。
テストプレイバック後の監視の自動追加はテストプレイバックが完了後に選択できます。このオプションを選択したら、[監視の保存]ボタンをクリックして、監視が正常に追加されたというメッセージが表示されます。
テストプレイバックが完了し、監視が追加されるとメールが送信されます。
監視を自動的に追加するを選択した場合、テスト再生が失敗すると、監視はSite24x7アカウントには追加されますが、設定エラー状態になり、メールが送信されます。この場合、サポート窓口に連絡するか、Site24x7
Webクライアントでエラーメッセージを確認し、それに応じてスクリプトを編集します。チェックボックスを有効にしていない場合、監視のテストプレイバックと保存を手動でクリックすることでテストプレイバックが行われて監視が追加されます。
既存の監視を更新したい場合、既存監視の更新ボタンをクリックして、ドロップダウンリストから関連する監視を選択します。ステップの取得ボタンをクリックして、選択した監視のステップを表示します。更新をクリックして、既存の監視を修正します。
スクリプトのエラーまたはテスト再生が行われている場所の問題、またはコンテンツが国によって異なるという国ベースのWebサイトがあるなど、さまざまな理由により、「テスト再生の失敗」が発生することがあります。このような場合、エラーレポートの送信機能を使用します。エラーレポートの送信ボタンをクリックすると、サポート窓口にそのエラーが送信されます。
プレイバックの結果で、キーワード関連の失敗があった場合、トラブルメッセージ(\"Keyword check
failed\")がレコーダー画面に表示されます。
Webクライアントでリアルブラウザー監視を編集・修正する
- 追加する監視に、適宜、表示名を指定してください。
- あるはずのキーワード:指定キーワードがWebサイトになければ、アラートします。チェックボックスでキーワードを指定し、スライダー
ボタンで必要な種類のアラートを有効にしてください。
- あってはならないキーワード:指定キーワードがWebサイトにあれば、アラートします。チェックボックスでキーワードを指定し、スライダー
ボタンで必要な種類のアラートを有効にしてください。
入力欄にキーワードを指定する際は、次の条件を守ってください。
- 文字列やキーワードが1つであれば、ダブル・コーテーションで囲むか否かは任意です(例:HTML)。
- 2つの文字列で1キーワードとなっている場合、空白をあけて、全体をダブル・コーテーションで囲みます(例:"HTML response")。
- キーワードを複数指定する場合は、それぞれを空白で区切り、ダブル・コーテーションで囲ってください("monitor" "HTML")。
- Webアプリケーションを編集するには、次の情報を指定してください。
- 設定プロファイルに下記情報を指定してください。
- しきい値・可用性:しきい値プロファイルか、利用できるデフォルトのしきい値セットをドロップダウンから選択すると、リソースが設定したしきい値・可用性を超えた際は、通知を受けることができます。
しきい値・可用性のカスタム プロファイルを作成するには、しきい値・可用性を参照ください。
- 通知プロファイル:通知プロファイルをドロップダウンから選ぶか、デフォルト
プロファイルを選択してください。通知プロファイルにより、障害発生時は、いつ誰に通知するかを設定できます。
通知プロファイルを参照し、カスタム通知プロファイルを作成してください。
- ユーザー グループ:障害時にアラートを届けるユーザー
グループを選択します。
複数ユーザーを1グループに加えるには、ユーザー
グループをご覧ください。
- アクション:Webサイトで、ダウン・トラブル・アップのステータス変化や、属性の変化があった時に実行するアクションを選択します。ステータス変更の際は設定したアクションが実行され、対象ユーザー
グループにアラートを発します。
障害時の是正措置を自動化するには、詳しくは、アクションを参照ください。
- サードパーティ連携:サードパーティのサービスを設定し、監視を関連付けてください。監視アラームが関連サービスへ送信され、インシデント管理が促進・改善されます。
連携設定がすんでいない場合、
「管理 >
サードパーティ連携」と移動し、作成してください。
詳細情報はこちらです。
- 保存をクリックしてください。
高度なwebscript編集
高度なwebscript編集では、既存webscriptの編集や、プレイバック試験の実施、インライン
エディターでのスクリプト更新ができます。すべては、Webアプリケーション(リアルブラウザー版)の記録ツールへのアクセス不要で可能です。
webscriptの編集方法ドキュメントで、詳細を確認ください。
高度なwebscript編集を始めるには、以下の手順にしたがいます。
- Site24x7にログインしてください。
- 監視ダッシュボードから必要とする監視を見つけ、該当の詳細ページを開いてください。
- webscriptの編集をクリックしてください。
- その他、監視編集フォームを開き、webscriptの編集をクリックすることもできます。
- インライン
エディターでプロパティを編集し、設定修正後にプレイバック試験を開始します。終了すると、編集されたバージョンが以前のスクリプトを上書きし、監視設定も更新されます。
各種パフォーマンス メトリックについて、詳しくは、Webアプリケーション監視(リアルブラウザー版)を確認ください。
Webトランザクション(ブラウザー)のクローニング:
クローニング機能を使用して既存のWebトランザクション(ブラウザー)監視を置換できます。Webスクリプトの編集機能を使用して、監視クローニング前にステップ変更を行えます。
次の手順で、クローニングを行えます。
MFA/TOTPのアプリケーション記録
レコーダーでMFA/TOTPのアプリケーションを監視するには、管理 >
設定プロファイル >
グローバルパラメーターの順にクリックします。グローバルパラメーターページで、パラメーターの追加をクリックして、開かれたポップアップで、MFAシークレットキーをパラメーター値として指定します。保存すると、レコーダー画面が開き、記録が開始されます。次の画像の手順5が完了した後、レコーダーページでコマンドを
as set_totp_keyとして設定し、パラメーター名をValueとして設定します。
MFA/TOTPプラットフォームのレコーディング手順中に、ボタンを使用して全アクションを操作します。例えば、各プラットフォームの次のページに移動する場合、Enterを押下するより次へボタンをクリックしてください。
Webトランザクション(ブラウザー)監視のパフォーマンスメトリックの詳細はこちら
認証情報プロファイルの使用
認証情報プロファイルを使用すると、新規および既存のWebトランザクション(ブラウザー)監視にリンクして、認証を安全かつ一元的に管理できます。
たとえば、Zylker社はSite24x7のWebトランザクション(ブラウザー)監視を使用して、ログインやチェックアウトなどの重要なユーザーフローを追跡しています。これらの監視では、認証を完了するために有効な認証情報が必要です。アプリケーションのパスワードは定期的にローテーションされるため、各監視でハードコーディングされた認証情報を更新するのは時間がかかり、エラーが発生しやすくなります。
そこで、認証情報プロファイルをすべての関連する監視に関連付けることで、Zylker社は認証情報の更新を1か所で行うことができます。認証情報プロファイルに変更を加えると、関連付けられているすべての監視に自動的に適用され、一貫した認証と中断のない監視が保証されます。
認証情報プロファイルの使用方法
新しい認証情報プロファイルを作成して関連付け
- Site24x7にログインします。
- [管理]→[インベントリー]→[監視の追加]→[Webトランザクション(ブラウザー)]に移動します。
- 「ベースURL」を入力します。
- [アドバンスオプション]をクリックし、トランザクションを記録する際に使用する「ユーザー名」と「パスワード」を入力します。
- 「機器タイプ」を選択し、[レコーダーのインストール]をクリックします。
- 監視が追加されると、認証情報がキャプチャされ、認証情報プロファイルとして保存されます。作成したプロファイルは自動的に監視に関連付けられます。
既存の認証情報プロファイルを作成して関連付け
- Site24x7にログインします。
- [管理]→[設定プロファイル]→[認証情報ストア]に移動します。
- ページの右上にある[認証情報の追加]をクリックして、新しい認証情報プロファイルを作成します。
- 表示されるポップアップで、「認証情報名」「認証情報タイプ」「ユーザー名」「パスワード」を入力して、[保存]します。
- 左側のナビゲーションメニューから、[Web]→[Webトランザクション(ブラウザー)]へ移動します。
- 認証情報プロファイルを関連付ける監視名の左横のハンバーガーアイコン「≡」にマウスオーバーして[編集]をクリックします。
- 以下の通り、[ステップの編集]または[Webスクリプトの編集]を使用して、作成した認証情報プロファイルを関連付けます。
ステップの編集
[認証情報の編集]オプションを使用して、記録されたトランザクションステップから直接認証情報の関連付けや更新を行います。
- [トランザクション詳細]の横で、[ステップの編集]を選択します。
- [ステップのアクション]で、[キー入力]に移動して、[アクション]配下のトランザクションステップを見つけます。
- ステップの横にあるハンバーガーアイコン「≡」をクリックし、[認証情報の編集]を選択します。