Application Real-Time Monitoring Service:ARMS フロントエンドモニタリング

フロントエンドモニタリングが必要な理由

ユーザーがサービスにアクセスする際、そのアクセスプロセスは主に 3 つの段階で構成されます。ページ生成 (サーバーサイドの状態)、ページの読み込み、およびページのランタイムです。

サービスの安定性を確保するために、通常はサーバーサイドの操作を監視します。既存のサーバーサイドモニタリングシステムは比較的成熟していますが、ページの読み込みおよびランタイムの状態の監視は見落とされがちです。例：

• ユーザーがサイトでエラーに遭遇した際に、即座に把握することができません。

• 異なる国や地域のユーザーの実際のアクセス速度を把握できません。

• アプリケーションが多数の非同期データ呼び出しを行っていますが、そのパフォーマンスと成功率を把握できません。

ソリューション

ARMS フロントエンドモニタリングは、ページの読み込みプロセスとランタイムの状態を監視します。ページ読み込みパフォーマンス、ランタイム例外、および API 呼び出しのステータスとレイテンシーに関するデータをログサーバーに報告します。ARMS は、大規模なリアルタイムログ分析および処理サービスを使用して、実際のユーザーのエクスペリエンスを監視します。ARMS はこのデータを直感的なレポートとして提示し、問題を迅速に特定して診断するのに役立ちます。

ARMS コンソールの左側メニューで [フロントエンドモニタリング] を選択すると、概要ページが表示されます。このページには、ページの読み込み速度、JS エラー率、API 成功率などのコアモニタリングデータがメトリックカードに表示され、アプリケーションの健全性を素早く把握できます。

対応シナリオ

ARMS フロントエンドモニタリングは、以下のシナリオに対応しています。

• Web/H5

• Weex

• DingTalk ミニプログラム

• Alipay ミニプログラム

• WeChat ミニプログラム

• その他のミニプログラム

機能

ARMS フロントエンドモニタリングは、幅広い機能を提供します。以下にいくつかの例を示します。

• ページの読み込み速度

  ARMS フロントエンドモニタリングは、初回レンダリング時間、First Contentful Paint (FCP) 時間、DOM Ready 時間、リソース読み込み時間など、さまざまなページパフォーマンスメトリックを測定します。

• JS エラー診断

  ARMS フロントエンドモニタリングの JS エラー診断機能は、JS エラーの基本情報と分布を表示します。また、ユーザーの操作をトレースして、各エラーの発生源を迅速に特定するのに役立ちます。

• API リクエストモニタリング

  ARMS フロントエンドモニタリングは、アプリケーション内の各 API リクエストの詳細を提供します。これには、成功率、レスポンス情報、および成功したリクエストと失敗したリクエストの平均レイテンシーが含まれます。

• 分散トレーシング

  分散トレーシング機能は、フロントエンドからの API リクエストと対応するバックエンド呼び出しを接続し、コード実行パス全体の完全なトレースを提供します。

ブラウザおよびプラットフォームの互換性