Como Configurar o Login com o Facebook

Introdução

Oferecer o Login do Facebook aos seus usuários proporciona uma vantagem significativa ao simplificar os processos de registro e login. No ambiente digital acelerado de hoje, os usuários apreciam a conveniência de acessar sites e aplicativos com suas credenciais existentes do Facebook.

Esse recurso minimiza a fricção associada à criação de novas contas e à memorização de várias senhas, levando a uma experiência do usuário melhorada. Além disso, a integração do Login do Facebook pode aumentar o engajamento dos usuários e promover a confiança, à medida que os usuários se autenticam por meio de uma plataforma familiar e confiável.

Nota: Este procedimento pode mudar a qualquer momento sem aviso prévio do Facebook. Se você notar que este artigo está desatualizado, por favor, envie-nos um e-mail para support@edirectory.com e podemos atualizá-lo.

Parte 1: Configurando o aplicativo do Facebook

Acesse o Facebook Developers:
- Vá para https://developers.facebook.com/
- Se você não estiver logado no Facebook, clique em "Entrar" no canto superior direito e insira suas credenciais do Facebook.

Navegue até Meus Aplicativos:
- Depois de logado, clique em "Meus Aplicativos" no canto superior direito.

Crie um Novo Aplicativo:
- Clique no botão "Criar Aplicativo".
- Na página "Criar um Aplicativo":
  - Selecione "Consumidor" como o tipo de aplicativo.
  - Insira um "Nome do Aplicativo" (por exemplo, o nome do seu site).
  - O "e-mail de contato do aplicativo" deve ser preenchido automaticamente; você pode alterá-lo se necessário.
- Clique em "Criar Aplicativo."

Acesse as Configurações do Aplicativo:
- Você será dirigido ao seu Painel de Controle do Aplicativo.
- No menu à esquerda, vá para "Configurações" > "Básico".

Registre as Credenciais do Aplicativo:
- Anote o "ID do Aplicativo" e o "Segredo do Aplicativo." Você precisará deles mais tarde. Mantenha seu Segredo do Aplicativo confidencial.

Configure as Informações Básicas do Aplicativo:
- Preencha os seguintes campos em "Configurações Básicas":
  - Namespace: (Opcional)
  - Domínios do Aplicativo: Insira o domínio do seu site (por exemplo, seusite.com ).
  - URL da Política de Privacidade: Forneça um link para a página de política de privacidade do seu site.
  - URL dos Termos de Serviço: Forneça um link para a página de termos de serviço do seu site.
  - Exclusão de Dados do Usuário: Forneça um link para sua página de contato.
  - Ícone do Aplicativo: (Opcional) Você pode fazer upload de um ícone para seu aplicativo mais tarde.
- Não salve ainda.

Adicione a Plataforma de Website:
- Clique em "Adicionar Plataforma."
- Selecione "Website."
- Insira a URL do seu site no campo "URL do Site", incluindo o protocolo (https://). Esta URL deve corresponder ao domínio que você inseriu na etapa 6.
- Clique em "Salvar Alterações."

Adicione o Produto Login do Facebook:
- No menu à esquerda, clique em "Produtos" e depois em "Adicionar Produto."
- Encontre "Login do Facebook" e clique em "Configurar."
- Selecione "Web" como a plataforma.
- Confirme sua URL do site e clique em "Salvar" e depois em "Continuar."
- Clique em "Configurações".

Configure os URIs de redirecionamento OAuth válidos:
- No campo "URIs de redirecionamento OAuth válidos", insira as URLs para onde o Facebook deve redirecionar os usuários após o login bem-sucedido. Use HTTPS:
  - https://www.seudominio.com/sponsors/facebookauth.php
  - https://seudominio.com/sponsors/facebookauth.php
  - Importante: Substitua "seudominio.com" pelo seu domínio real e certifique-se de que o caminho /sponsors/facebookauth.php esteja correto para sua configuração.
- No campo "Domínios Permitidos para o SDK JavaScript", insira a URL da página inicial do seu site (por exemplo, https://www.seudominio.com ).
- Ative a opção "Login com o SDK JavaScript".
- Clique em "Salvar Alterações."

Solicite Acesso Avançado:
- Se houver uma mensagem de aviso na parte superior da página, clique em "Obter Acesso Avançado."
- Você precisará solicitar acesso avançado para as permissões "public_profile" e "email".
  - Você pode ser solicitado a inserir sua senha do Facebook para confirmar sua identidade.
  - Importante: O Facebook pode exigir verificação comercial nesta etapa. Esse processo pode levar tempo (até 14 dias) e pode envolver a apresentação de documentação comercial. Siga as instruções do Facebook com atenção. Consulte a documentação do Facebook sobre "Como verificar sua empresa na Meta" para detalhes.

Defina o Modo do Aplicativo como Ao Vivo:
- Depois de concluir as configurações necessárias e a verificação comercial (se necessário), altere o interruptor "Modo do Aplicativo" para "Ao Vivo."

Parte 2: Integrando o Login do Facebook com seu Site

Configure as Configurações do Seu Site:
- No painel de administração do seu eDirectory, vá para a seção "Configurações" ou "Opções de Login".
- Insira o "ID do Aplicativo" e o "Segredo do Aplicativo" que você registrou na etapa 5.
- Clique em "Salvar Alterações."

Teste a Integração:
- A interface do seu site pode fornecer um link para testar o login do Facebook. Clique nele.
- Você deve ser redirecionado para o Facebook para autorizar o aplicativo. Faça login no Facebook se necessário e clique em "Continuar como..."
- Após a autorização, você será redirecionado de volta para o seu site. Você pode precisar confirmar seu ID de Usuário do Facebook. Salve as alterações.

Parte 3: Configurando o Login do Facebook para Seu Aplicativo Android (Se Aplicável)

Acesse o Construtor de Aplicativos:
- Na área de administração do seu site, navegue até a seção "Aplicativo Móvel" ou "Construtor de Aplicativos".

Prossiga para as Configurações de Construção:
- Siga as etapas para configurar seu aplicativo até chegar às opções "Construir".

Inicie a Construção do Aplicativo:
- Clique em "Construir & Enviar".
- Certifique-se de que o nome e o ícone do seu aplicativo estejam definidos.

Acesse as Configurações de Construção do Android:
- Você será redirecionado para o site do construtor de aplicativos. Selecione a opção "Android".

Recupere os Detalhes do Aplicativo Android:
- Role para baixo até a seção "Configuração do Login do Facebook".
- Copie os valores de "Nome do Pacote do Google Play" e "Hash de Chaves".

Configure o Aplicativo do Facebook para Android:
- Volte para o seu Painel de Controle do Facebook Developers.
- Navegue até "Configurações" > "Básico."
- Clique em "Adicionar Plataforma" e selecione "Android."

Insira as Informações do Aplicativo Android:
- Selecione "Google Play."
- Cole o "Nome do Pacote do Google Play" nos campos "Nomes dos Pacotes" e "Nome da Classe".
- Cole as "Hashes de Chaves" no campo "Hashes de Chaves".
- Clique em "Salvar Alterações."

Reconstrua e Reenviar Seu Aplicativo:
- Depois de configurar o Login do Facebook para seu aplicativo Android, você deve reconstruir seu aplicativo e reenviá-lo para a Google Play Store para que as alterações tenham efeito.

Lembretes Importantes:

Verificação de Dados do Facebook: O Facebook exige verificações periódicas de dados para seu aplicativo de Login do Facebook (tipicamente anualmente). Você receberá uma notificação em sua conta de desenvolvedor do Facebook. Complete esta verificação para evitar que seu aplicativo seja desativado.

Recomendamos sempre verificar sua conta de desenvolvedor do Facebook em busca de alertas que o Facebook possa enviar, para que você possa manter sua conta atualizada e também garantir que sua configuração de login do Facebook funcione corretamente.

Conclusão

Seguindo as etapas descritas neste guia, você configurou com sucesso o Login do Facebook para seu site e/ou aplicativo Android. Esta integração fornece uma experiência de login mais amigável, potencialmente aumentando o engajamento do usuário. Lembre-se de manter sua conta de desenvolvedor do Facebook, abordando quaisquer alertas ou verificações de dados necessárias, para garantir a continuidade da funcionalidade da sua integração de Login do Facebook. Proporcionar uma experiência de login simples e segura aprimorará a experiência geral do usuário em suas plataformas.