Microsoft Graph'i çağıran bir JavaScript istemci tarafı web uygulamasını test edin

  • Makale

Bu öğreticide, Microsoft Graph'ı çağıran örnek bir JavaScript istemci tarafı web uygulamasını 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. Aksi takdirde , şimdi yap.

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

İpucu

İçerik paketleri yüklü bir Microsoft 365 Geliştirici Kiracısı kullanmanızı öneririz. Microsoft 365 Geliştirici Programı'na kaydolarak ücretsiz kiracınızı edinin.

Örnek uygulamayı kopyalama ve yapılandırma

Geliştirme Proxy'si Başlatma

Geliştirme Proxy'si, Microsoft Graph ve SharePoint Online API'lerine istek gönderen uygulamaları test etmek için önceden ayarlanmış bir yapılandırmayla birlikte gelir.

  • Microsoft 365 yapılandırmasıyla Dev Proxy'yi başlatmak için bir komut istemi açın, enter tuşuna basın devproxy --config-file "~appFolder/presets/m365.json" ve Enter tuşuna basın.

Örnek uygulamayı başlatma

  • Bir komut istemi açın ve dizinine samples geçin.
  • Örnek uygulama web sunucusunu başlatmak için Enter tuşuna basınnpx lite-server.

macOS üzerinde Microsoft Edge tarayıcısında çalışan örnek uygulamanın ekran görüntüsü. Uygulama, altında iki düğme bulunan büyük bir Microsoft logosu gösterir. 'SDK ile' metnini içeren birincil düğme ve 'SDK olmadan' metnini içeren ikincil düğme.

Örnek uygulamayı test etme

  1. Çalışan uygulamada düğmeyi Without SDK seçin.

Dikkat

Düğmeye tıkladıktan Without SDK sonra boş bir sayfanız varsa Azure AD Uygulama Kaydı'nı yapılandırıp yapılandırmadığınıza bakın. Sorun, uygulama kaydınızı içeren Client ID dosya eksik olduğunda .env oluşur.

  1. Düğmeyi Login seçin ve oturum açma akışını tamamlayın.

Windows 11'da Microsoft Edge tarayıcısında çalışan örnek uygulamanın ekran görüntüsü. Uygulama, altında iki düğme bulunan büyük bir Microsoft logosu gösterir. 'Oturum Aç' metnini içeren birincil düğme ve 'Geri' metnini içeren ikincil bir düğme.

Geliştirme Proxy'si, Microsoft Graph'a yönelik istekleri keserek uygulamanıza hata ekler. Rastgele desteklenen http hata durum koduyla başarısız istekler için %50 şans kullanır.

Proxy çıkışını görüntüleyin ve örnek uygulamayı yenilemek için biraz bekleyin. Örnek uygulamanın ara sunucu tarafından sunulan hataları nasıl işlediğini (veya işlemediğini) görün.

Microsoft Edge'de çalışan örnek uygulamanın ekran görüntüsü. Kullanıcı avatarları uygulamada gösterilmez. Microsoft Edge Geliştirici Araçları, konsol günlüğünde gösterilen hatalarla yan tarafa açılır.

  1. Geliştirme Proxy'sinidurdurmak için Ctrl + C tuşlarına basın.

Sonraki adım

Nasıl yapılır kılavuzlarını keşfetme