測試 JavaScript 用戶端 Web 應用程式

在本教學課程中，您將瞭解如何使用 Dev Proxy 來測試範例 JavaScript 用戶端 Web 應用程式如何處理 API 錯誤。

必要條件

本教學課程的這個部分假設您已在計算機上安裝和設定 Dev Proxy。 如果不是，請 立即執行此動作。

為了依循本教學課程進行操作，您需要：

• Node.js LTS。

下載範例應用程式

下載 範例應用程式。

提示

您也可以在命令提示 devproxy preset get demo-randomerror-js字元中執行 來下載範例應用程式。

範例應用程式隨附 Dev Proxy 預設。 默認設定為在應用程式發出的 API 要求上模擬隨機錯誤。 默認也包含 RetryAfterPlugin，可協助您控制應用程式在節流後是否從呼叫 API 中回復。

啟動開發 Proxy 和範例應用程式

1. 在命令提示字元中，將工作目錄變更為範例應用程式所在的位置。
2. 執行 以啟動範例應用程式和開發 Proxy npm start

測試範例應用程式

1. 在網頁瀏覽器中，流覽至 http://localhost:3000

   

   • 如果您看到空白頁面，請檢查 [控制台] 視窗。 開發 Proxy 可能已經模擬 API 錯誤，應用程式無法處理！

2. 流覽文章清單，以查看應用程式如何處理Dev Proxy仿真的API錯誤。

   • 您可以在主控台視窗與執行 Dev Proxy 的指令提示字元中找到錯誤的詳細資訊。

   

3. 按 Ctrl + C 以停止開發 Proxy。

後續步驟

探索操作說明指南