Aracılığıyla paylaş


JavaScript istemci tarafı web uygulamasını test edin

Bu öğreticide, örnek bir JavaScript istemci tarafı web uygulamasının API hatalarını nasıl işlediğini test etmek için Dev Proxy kullanmayı öğreneceksiniz.

Önkoşullar

Öğreticinin bu bölümünde makinenize Dev Proxy yüklediğiniz ve yapılandırdığınız varsayılır. Şimdi bunu yap, aksi takdirde.

Bu öğreticiyi izlemek için şunları yapmanız gerekir:

Örnek uygulamayı indirme

örnek uygulamasını indirin.

Bahşiş

Örnek uygulamayı devproxy preset get demo-randomerror-jskomut isteminde çalıştırarak da indirebilirsiniz.

Örnek uygulama bir Geliştirme Ara Sunucusu ön ayarıyla birlikte gelir. Ön ayar, uygulama tarafından verilen API isteklerinde rastgele hataların benzetimini yapmak üzere yapılandırılır. Bu ön ayar, uygulamanın kısıtlandıktan sonra API'yi çağırmayı bırakıp bırakmadığını kontrol etmenize yardımcı olan RetryAfterPlugin'ı içerir.

Geliştirme Proxy'sini ve örnek uygulamayı başlatın

  1. Komut isteminde, çalışma dizinini örnek uygulamanın bulunduğu konuma değiştirin.
  2. npm start çalıştırarak örnek uygulamayı ve Geliştirme Proxy'sini başlatın

Örnek uygulamayı test edin

  1. Web tarayıcısında http://localhost:3000'a gidin

    Test web uygulamasını içeren bir web tarayıcısının ekran görüntüsü.

    • Boş bir sayfa görürseniz Konsol penceresini denetleyin. Geliştirme Proxy'si zaten uygulamanın işlemediği bir API hatasının simülasyonunu yapmış olabilir!
  2. Uygulamanın Dev Proxy'nin benzetimini yaptığı API hatalarını nasıl işlediğini görmek için makale listesinde gezinin.

    • Hatalar hakkında daha fazla bilgiyi Konsol penceresinde ve Geliştirme Proxy'sinin çalıştığı komut isteminde bulabilirsiniz.

    VS Code'un açık komut istemi penceresiyle birlikte Geliştirme Proxy'si tarafından simüle edilen hataları gösteren ekran görüntüsü.

  3. Geliştirme Proxy'sini durdurmak için Ctrl + C basın.

Sonraki adım