Configurar o ambiente de desenvolvimento para implementar o FedCM

Para configurar seu ambiente e começar a implementar a 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
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 "Bloquear cookies de terceiros" nas configurações do computador em chrome://settings/cookies ou no dispositivo móvel em Configurações > Configurações do site > Cookies.

Depurar no computador

No Chrome 139, é possível depurar a FedCM com o DevTools em navegadores baseados no Chromium:

  1. Abra o DevTools.

  2. Acesse o painel "Rede".

    O painel "Rede" do DevTools está aberto no lado direito da tela.
    Painel de rede do DevTools

  3. Navegue até o site que você quer inspecionar, por exemplo, nossa RP de demonstração.

    1. Para filtrar apenas solicitações da FedCM, digite resource-type:fedcm na barra de filtros.
      O painel "Rede" do DevTools está aberto, e o filtro "resource-type:fedcm" está aplicado, mostrando apenas solicitações do FedCM na lista.
      Filtro de tipo de recurso aplicado no painel "Rede" do DevTools

  4. Clique em qualquer solicitação para inspecionar melhor.

    A guia "Cabeçalhos" dos detalhes da solicitação indica que a solicitação para o endpoint "accounts" falhou com o código de status "401 Unauthorized".
    Detalhes da solicitação