測試 JavaScript 用戶端 Web 應用程式
在本教學課程中,您將瞭解如何使用 Dev Proxy 來測試範例 JavaScript 用戶端 Web 應用程式如何處理 API 錯誤。
必要條件
本教學課程的這個部分假設您已在計算機上安裝和設定 Dev Proxy。 如果不是,請 立即執行此動作。
為了依循本教學課程進行操作,您需要:
下載範例應用程式
下載 範例應用程式。
提示
您也可以在命令提示 devproxy preset get demo-randomerror-js
字元中執行 來下載範例應用程式。
範例應用程式隨附 Dev Proxy 預設。 默認設定為在應用程式發出的 API 要求上模擬隨機錯誤。 默認也包含 RetryAfterPlugin
,可協助您控制應用程式在節流後是否從呼叫 API 中回復。
啟動開發 Proxy 和範例應用程式
- 在命令提示字元中,將工作目錄變更為範例應用程式所在的位置。
- 執行 以啟動範例應用程式和開發 Proxy
npm start
測試範例應用程式
在網頁瀏覽器中,流覽至
http://localhost:3000
- 如果您看到空白頁面,請檢查 [控制台] 視窗。 開發 Proxy 可能已經模擬 API 錯誤,應用程式無法處理!
流覽文章清單,以查看應用程式如何處理Dev Proxy仿真的API錯誤。
- 您可以在主控台視窗與執行 Dev Proxy 的指令提示字元中找到錯誤的詳細資訊。
按 Ctrl + C 以停止開發 Proxy。