Per configurare l'ambiente per iniziare a implementare FedCM, devi avere un contesto sicuro (HTTPS o localhost) sia nell'IDP sia nell'RP in Chrome.
Blocca cookie di terze parti

Puoi testare il funzionamento di FedCM senza cookie di terze parti su Chrome.
Per bloccare i cookie di terze parti, utilizza la modalità di navigazione in incognito oppure scegli "Blocca cookie di terze parti" nelle impostazioni del computer all'indirizzo chrome://settings/cookies
o sul dispositivo mobile andando a Impostazioni > Impostazioni sito > Cookie.
Eseguire il debug su computer
Stiamo lavorando per migliorare l'esperienza di debug di FedCM con DevTools.
Mentre queste funzionalità sono in fase di sviluppo, puoi utilizzare i chrome://net-export
log delle richieste di rete:
- Vai a
chrome://net-export
. Seleziona "Includi byte non elaborati" e fai clic su "Inizia a registrare su disco". Seleziona una posizione in cui salvare i log quando richiesto.
Interfaccia dello strumento Net-Export: Avvia Apri una pagina che chiama FedCM, ad esempio demo RP.
Completa il flusso FedCM che vuoi eseguire il debug (ad esempio la registrazione dell'utente).
Vai a
chrome://net-export
e premi "Interrompi registrazione".Interfaccia dello strumento Net-export: registrazione su disco completata Apri i log con lo strumento di visualizzazione dei log che preferisci, ad esempio NetLog Viewer.
Quando utilizzi il visualizzatore NetLog, seleziona
Events
dal riquadro a sinistra e applica il filtrotype:URL_REQUEST
.
In questo esempio, i log mostrano che sono state inviate due richieste all'endpoint accounts.
Questo accade perché l'utente non ha eseguito l'accesso con l'IDP alla prima visita
nella pagina. URL_REQUEST_JOB_FILTERED_BYTES_READ
indica che il server ha risposto con un messaggio di errore nel corpo della risposta: { error: "not signed in."
}
.

La seconda richiesta /accounts
è andata a buon fine e l'IdP ha risposto con i dati dell'account:
