JavaScript のクライアント側ウェブ アプリケーションをテストする

このチュートリアルでは、Dev Proxy を使用して、サンプルの JavaScript クライアント側 Web アプリケーションが API エラーを処理する方法をテストする方法について説明します。

[前提条件]

このチュートリアルのこの部分では、コンピューターに開発プロキシをインストールして構成していることを前提としています。 そうでない場合は、今すぐ実行してください。

このチュートリアルに従うには、次のものが必要です。

• Node.js LTS。

サンプル アプリ をダウンロードする

サンプル アプリをダウンロードします。

サンプル アプリには、Dev Proxy プリセットが付属しています。 プリセットは、アプリによって発行された API 要求のランダム エラーをシミュレートするように構成されています。 プリセットには RetryAfterPluginも含まれています。これは、調整後にアプリが API の呼び出しから戻るかどうかを制御するのに役立ちます。

開発プロキシとサンプル アプリを起動する

1. コマンド プロンプトで、作業ディレクトリをサンプル アプリがある場所に変更します。
2. を実行してサンプル アプリと開発プロキシを起動する npm start

サンプル アプリをテストする

1. Web ブラウザーで、 http://localhost:3000 に移動します。

   

   • 空のページが表示される場合は、[コンソール] ウィンドウを確認します。 これは、アプリが処理しなかった API エラーを開発プロキシが既にシミュレートしている可能性があります。

2. 記事の一覧を参照して、開発プロキシがシミュレートする API エラーをアプリで処理する方法を確認します。

   • エラーの詳細については、コンソール ウィンドウと、開発プロキシが実行されているコマンド プロンプトを参照してください。

   

3. Ctrl + 押して、開発プロキシを停止します。

次のステップ