Menguji aplikasi web sisi klien JavaScript

Dalam tutorial ini, Anda mempelajari cara menggunakan Dev Proxy untuk menguji bagaimana sampel 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 itu sekarang.

Untuk mengikuti tutorial ini, Anda perlu:

• Node.js LTS.

Mengunduh aplikasi sampel

Unduh aplikasi sampel .

Tips

Anda juga dapat mengunduh aplikasi sampel dengan menjalankan di prompt perintah devproxy config get demo-randomerror-js.

Aplikasi sampel dilengkapi dengan preset Proksi Dev. Prasetel dikonfigurasi untuk mensimulasikan kesalahan acak pada permintaan API yang dikeluarkan oleh aplikasi. Prasetel juga mencakup RetryAfterPlugin, yang membantu Anda mengontrol apakah aplikasi menghentikan/mengurangi panggilan API setelah penggunannya dibatasi.

Mulai Dev Proxy dan aplikasi percontohan

1. Di jendela command prompt, ubah direktori ke lokasi aplikasi sampel.
2. Mulai aplikasi sampel dan Dev Proxy dengan menjalankan npm start

Menguji aplikasi sampel

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

   

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

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

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

   

3. Tekan Ctrl + C untuk menghentikan Dev Proxy.

Langkah berikutnya

Menjelajahi panduan cara