FedCM'yi uygulamak için geliştirme ortamınızı ayarlama

FedCM'yi uygulamaya başlamak için ortamınızı ayarlamak üzere Chrome'da hem kimlik sağlayıcıda hem de RP'de güvenli bir bağlama (HTTPS veya localhost) ihtiyacınız vardır.

Üçüncü taraf çerezlerini engelleyin

Chrome ayarlarından üçüncü taraf çerezlerini engelleme
Chrome ayarlarından üçüncü taraf çerezlerini engelleme

FedCM'nin Chrome'da üçüncü taraf çerezleri olmadan nasıl çalıştığını test edebilirsiniz. Üçüncü taraf çerezlerini engellemek için Gizli modu kullanın veya chrome://settings/cookies adresindeki masaüstü ayarlarınızdan "Üçüncü taraf çerezlerini engelle"yi seçin ya da mobil cihazınızda Ayarlar > Site ayarları > Çerezler'e giderek bu seçeneği belirleyin.

Masaüstünde hata ayıklama

DevTools ile FedCM hata ayıklama deneyimini iyileştirmek için çalışıyoruz. Bu özellikler geliştirilirken chrome://net-export ağ isteği günlüklerini kullanabilirsiniz:

  1. chrome://net-export adresine gidin.
  2. "Ham baytları dahil et"i seçin ve "Diske Günlük Kaydını Başlat"ı tıklayın. İstendiğinde günlüklerin kaydedileceği konumu seçin.

    Net dışa aktarma aracı arayüzü: "Diske istatistik günlüğü kaydetme" düğmesi görünür durumdadır ve "İşlenmemiş baytları dahil et" onay kutusu işaretlidir.
    Net dışa aktarma aracı arayüzü: Başlat
  3. FedCM'yi çağıran bir sayfa (ör. demo RP) açın.

  4. Hata ayıklama yapmak istediğiniz FedCM akışını (ör. kullanıcı kaydı) tamamlayın.

  5. chrome://net-export bölümüne gidin ve "Günlüğe Kaydetmeyi Durdur"a basın.

    Net-export aracı arayüzü: Günlük dosyası yazılmıştır ve dosya yolu gösterilir.
    Net dışa aktarma aracı arayüzü: Diske günlük kaydı tamamlandı
  6. Günlüklerinizi, NetLog görüntüleyici gibi seçtiğiniz bir günlük görüntüleme aracıyla açın.

  7. NetLog görüntüleyiciyi kullanırken sol taraftaki panelden Events'ü seçin ve type:URL_REQUEST filtresini uygulayın.

Bu örnekte günlükler, accounts uç noktasına iki istek gönderildiğini gösteriyor. Bunun nedeni, kullanıcının sayfayı ilk ziyaret ettiğinde kimlik sağlayıcıyla oturum açmamış olmasıdır. URL_REQUEST_JOB_FILTERED_BYTES_READ, sunucunun yanıt gövdesinde bir hata mesajıyla yanıt verdiğini gösterir: { error: "not signed in." }.

Net dışa aktarma aracı arayüzü: Yanıt gövdesinde hata mesajı içeren günlükler.
Net dışa aktarma aracı arayüzü: Hata yanıtı

İkinci /accounts isteği başarılı oldu ve IdP, hesap verileriyle yanıt verdi:

Net dışa aktarma aracı arayüzü: Yanıt gövdesinde hesap verilerini içeren günlükler.
Net dışa aktarma aracı arayüzü: Hesap verileriyle yanıt

Sonraki adımlar

Kimlik çözümünüzü kimlik sağlayıcı tarafında FedCM ile nasıl uygulayacağınızı inceleyin.
RP'leriniz için FedCM'yi uygulayın ve JavaScript SDK'sını dağıtın. Kendi kendine uygulama ihtiyacını ortadan kaldırarak RP'leri güncel tutun.