Aracılığıyla paylaş

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

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, bunu şimdi yapın.

Bu kılavuzu/dersi takip etmek için şunlara ihtiyacınız var:

  • Microsoft 365 kiracısı.
  • Microsoft Entra uygulama kayıtları oluşturma izinlerine sahip hesap.
  • Git (bkz. GitHub'ın git ayarlama kılavuzu ).
  • nodejs LTS.

İpucu

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

Örnek uygulamayı kopyalama ve yapılandırma

Geliştirme Proxy'sini başlat

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.

  • Bir komut istemi açın, devproxy --config-file "~appFolder/config/m365.json" girin ve Enter tuşuna basarak Geliştirme Proxy'sini Microsoft 365 yapılandırmasıyla başlatın.

Örnek uygulamayı başlatma

  • Bir komut istemi açın ve samples dizinine geçin.
  • örnek uygulama web sunucusunu başlatmak için npx lite-server girin ve Enter basın.

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 edin

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

Dikkat

Without SDK düğmesine tıkladıktan sonra boş bir sayfa aldıysanız, Azure AD Uygulama Kaydı'yi yapılandırdığınızdan emin olun. Sorun, uygulama kaydınızın .env içeren Client ID dosyası eksik olduğunda oluşur.

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

Windows 11'de 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 düğme.

Dev Proxy, Microsoft Graph'a yönelik istekleri keserek uygulamanıza hata ekler. Rastgele bir desteklenen HTTP hata durum koduile isteklerin başarısız olma olasılığı için %50% şans kullanır.

Ara sunucu çı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'sini durdurmak için Ctrl + C basın.

Sonraki adım

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

  • Last updated on