Menguji aplikasi web sisi klien JavaScript

Dalam tutorial ini, Anda mempelajari cara menggunakan Dev Proxy untuk menguji bagaimana contoh aplikasi web sisi klien JavaScript menangani kesalahan API.

Prasyarat

Bagian tutorial ini mengasumsikan bahwa Anda menginstal dan mengonfigurasi Dev Proxy di komputer Anda. Jika tidak, lakukan sekarang.

Untuk menjalankan tutorial ini, Anda perlu:

• Node.js LTS.

Mengunduh aplikasi sampel

Unduh aplikasi sampel.

Tip

Anda juga dapat mengunduh aplikasi sampel dengan menjalankan di prompt devproxy preset get demo-randomerror-jsperintah .

Aplikasi sampel dilengkapi dengan preset Dev Proxy. Preset dikonfigurasi untuk mensimulasikan kesalahan acak pada permintaan API yang dikeluarkan oleh aplikasi. Preset juga mencakup RetryAfterPlugin, yang membantu Anda mengontrol apakah aplikasi mundur dari memanggil API setelah dibatasi.

Mulai Proksi Dev dan aplikasi sampel

1. Dalam perintah, ubah direktori kerja ke tempat aplikasi sampel berada.
2. Mulai aplikasi sampel dan Proksi Dev dengan menjalankan npm start

Menguji aplikasi sampel

1. Di browser web, navigasikan ke http://localhost:3000

   

   • Jika Anda melihat halaman kosong, periksa jendela Konsol. Bisa jadi Dev Proxy telah mensimulasikan kesalahan API, yang tidak ditangani aplikasi!

2. Navigasikan melalui daftar artikel untuk melihat cara aplikasi menangani kesalahan API yang disimulasikan Oleh Dev Proxy.

   • Anda dapat menemukan informasi selengkapnya tentang kesalahan di jendela Konsol dan di prompt perintah tempat Proksi Dev berjalan.

   

3. Tekan Ctrl + C untuk menghentikan Dev Proxy.

Langkah selanjutnya

Jelajahi panduan Cara Penggunaan