Configura l'ambiente di sviluppo per implementare FedCM
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
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
Blocca i cookie di terze parti dalle impostazioni di Chrome
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 filtro type: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."
}.
Interfaccia dello strumento Net-Export: risposta di errore
La seconda richiesta /accounts è andata a buon fine e l'IdP ha risposto con i dati dell'account:
Interfaccia dello strumento Net-Export: risposta con i dati dell'account
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2024-12-10 UTC."],[[["FedCM requires a secure context (HTTPS or localhost) for both the Identity Provider (IdP) and Relying Party (RP) in Chrome."],["To debug FedCM code on Chrome on Android, set up a local server and utilize remote debugging through Chrome DevTools on desktop."],["Test FedCM's functionality without third-party cookies by enabling Incognito mode, blocking third-party cookies in Chrome settings, or adjusting site settings on mobile."]]],[]]
