Configurar o ambiente de desenvolvimento para implementar o FedCM
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
Para configurar seu ambiente e começar a implementar o FedCM, você precisa de um contexto
seguro (HTTPS ou localhost) no IdP e no RP no Chrome.
Bloquear cookies de terceiros
Bloquear cookies de terceiros nas configurações do Chrome
Você pode testar como o FedCM funciona sem cookies de terceiros no Chrome.
Para bloquear cookies de terceiros, use o modo de navegação anônima
ou escolha a opção "Bloquear cookies de terceiros" nas configurações do computador em chrome://settings/cookies
ou, em dispositivos móveis, acesse Configurações > Configurações do site > Cookies.
Depurar no computador
Estamos trabalhando para melhorar a experiência de depuração do FedCM com o DevTools.
Enquanto esses recursos estão em desenvolvimento, você pode usar os registros de solicitações de rede chrome://net-export:
Navegue para chrome://net-export.
Selecione "Incluir bytes brutos" e clique em "Iniciar geração de registros no disco". Selecione um
local para salvar os registros quando solicitado.
Conclua o fluxo do FedCM que você quer depurar (por exemplo, inscrição do usuário).
Navegue até chrome://net-export e pressione "Stop Logging".
Interface da ferramenta de exportação de rede: registro concluído no disco
Abra os registros com uma ferramenta de visualização de registros de sua escolha, por exemplo, o
NetLog viewer.
Ao usar o NetLog Viewer, selecione Events no painel à esquerda e
aplique o filtro type:URL_REQUEST.
Neste exemplo, os registros mostram que duas solicitações foram enviadas ao
endpoint de contas.
Isso acontece porque o usuário não fez login com o IdP ao visitar a página pela primeira vez. URL_REQUEST_JOB_FILTERED_BYTES_READ indica que o servidor
respondeu com uma mensagem de erro no corpo da resposta: { error: "not signed in."
}.
Interface da ferramenta Net-export: resposta de erro
A segunda solicitação /accounts foi bem-sucedida, e o IdP respondeu com os
dados da conta:
Interface da ferramenta Net-export: resposta com dados da conta
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Não contém as informações de que eu preciso","missingTheInformationINeed","thumb-down"],["Muito complicado / etapas demais","tooComplicatedTooManySteps","thumb-down"],["Desatualizado","outOfDate","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Problema com as amostras / o código","samplesCodeIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 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."]]],[]]
