Configure o Single Sign-On (SSO) do Facebook com OAuth para WordPress.

Visão geral

Configurar o login com o Facebook no WordPress (SSO do Facebook) usando OAuth2 é fácil com o plugin OAuth / OpenID Connect Single Sign-On (SSO) para WordPress. Você pode configurar o plugin usando diferentes provedores de mídia social ou provedores OAuth e OIDC personalizados. Ele oferece suporte a recursos avançados de Single Sign-On (SSO), como mapeamento de atributos de perfil de usuário, mapeamento de funções, etc. Aqui, vamos apresentar um guia para configurar o SSO entre o WordPress e o Facebook. Ao final deste guia, os usuários poderão fazer login no WordPress pelo Facebook. Para saber mais sobre outros recursos que oferecemos no plugin OAuth Single Sign-On (OAuth & OpenID Connect Client) para WordPress, clique aqui.

Baixe Plugin Planos de preços Teste Grátis

Pré-requisitos: Download e instalação

• Efetue login na sua instância do WordPress como administrador.
• Ir para o WordPress Painel -> Plugins e clique em adicionar Novo.
• Procurar por um Plugin OAuth Single Sign On (SSO) para WordPress e clique em Agora instale.
• Uma vez instalado, clique em Ativação.

Passos para configurar o login único (SSO) do Facebook no WordPress

1. Configurar o Facebook como provedor OAuth

• Para começar, acesse o console de desenvolvedores do Facebook e clique em aqui. e faça login/cadastre-se com sua conta de desenvolvedor do Facebook.

• Acesse a página de aplicativos do Facebook Developers e clique em Criar aplicativo botão para adicionar um novo aplicativo.

• Então escolha o Permitir que as pessoas façam login com suas contas do Facebook opção como caso de uso e pressione Seguinte.

• Introduzir o Nome do aplicativo e Adicionar e-mail de contato para o seu aplicativo do Facebook, respectivamente, e clique em Criar aplicativo para salvar suas configurações.

• Acesse Configurações do aplicativo -> Básico para visualizar seu ID do aplicativo e segredo do aplicativo. O app ID é seu ID do cliente e Segredo do aplicativo é seu Segredo do clienteGuarde esses valores, pois você precisará deles posteriormente para configurar o plugin miniOrange OAuth Single Sign-On SSO (consulte as imagens abaixo).
• Domínio do aplicativo: Digite o domínio do seu site ali.
• URL com Política de Privacidade: Preencha este campo com o URL que direciona para a página de política de privacidade do seu site.
• Termos de Serviço: Preencha este campo com o URL que direciona para a página de termos de serviço do seu site.
• Exclusão de dados do usuário: No menu suspenso, selecione URL de Instruções para Exclusão de Dados (Insira o URL da sua página com as instruções sobre como os usuários podem excluir suas contas no seu site).
• Escolher categoria no menu suspenso no campo Categoria e escolha Finalidade do aplicativo opção que melhor descreve seu aplicativo e pressione Salvar alterações Para salvar suas configurações.

• Agora role para baixo e clique em Adicionar plataforma botão. Selecione os Website opção, já que você está tentando integrar seu login do Facebook a um site. Clique em Seguinte.

• Em seguida, digite o URL do site (do seu miniOrange OAuth Single Sign-On) e clique Economize. Então clique Continuar.

• Clique no Os casos de uso aba no lado esquerdo e depois clique em Personalizar botão que aparece ao lado do Autenticação e criação de conta item.

• Abaixo da Permissões seção, encontre o E-mail permissão e clique em Adicione botão.


Por padrão, seu aplicativo possui apenas Acesso Padrão para as permissões "public_profile" e "email", o que significa que somente você pode fazer login com ele. Para obter Acesso Avançado, você precisará passar pela Verificação Comercial, que pode ser iniciada na aba Verificação , no lado esquerdo.

• Sob o Login do Facebook >> configurações seção clique em Vá para as configurações Botão para adicionar o URL de redirecionamento/retorno de chamada.

• No URIs de redirecionamento OAuth válidos campo adicione o URL de redirecionamento/retorno de chamada que você obterá do plugin miniOrange OAuth Single Sign-On (SSO). Clique em Salvar alterações botão.

• Seu aplicativo está atualmente em Modo de Desenvolvimento, o que significa que pessoas fora da sua empresa não podem usá-lo. Após a conclusão da verificação, clique em Ir ao vivo Na guia, publique seu aplicativo clicando em Ir ao vivo botão no canto inferior direito. Antes de pressioná-lo, recomenda-se verificar as etapas listadas na página "Entrar em operação" para garantir que tudo esteja configurado corretamente.

Você configurou com sucesso o Facebook como provedor de login social (OAuth) em seu site WordPress.

Etapa 2: configurar o WordPress como cliente OAuth

• Gratuito
• Premium

• Acesse Configurar OAuth guia e clique Adicionar novo aplicativo para adicionar um novo aplicativo cliente ao seu site.

• Escolha seu aplicativo na lista de provedores OAuth / OpenID Connect, aqui Facebook

• Após selecionar o provedor copie o URL de retorno de chamada que precisa ser configurado na configuração do aplicativo SSO do provedor OAuth.
• Insira as credenciais do cliente como ID do cliente & Segredo do cliente que você obterá através do aplicativo SSO do Facebook.
• Consulte a tabela abaixo para configurar o endpoints para o Facebook no plugin.

Nome do aplicativo:	Facebook
Autorizar ponto final:	https://www.facebook.com/dialog/oauth
Ponto final do token de acesso:	https://graph.facebook.com/v2.8/oauth/access_token
Obter informações do usuário Endpoint:	https://graph.facebook.com/me/?fields=id,name,email,age_range,first_name,gender,last_name,link
Escopo:	e-mail de perfil público

• Clique em Seguinte.

• Após verificar todos os detalhes na página de resumo, clique em Acabamento para salvar a configuração e testar a conexão SSO.

Você configurou com sucesso o WordPress como cliente OAuth para autenticar usuários com o login único (SSO) do Facebook em seu site WordPress.

• Acesse Configurar OAuth Na guia, pesquise o nome do seu aplicativo para adicionar um novo aplicativo de cliente ao seu site. Facebook.

• Consulte a tabela abaixo para configurar o Escopo e endpoints para o Facebook no plugin.

Escopo:	identificar e-mail
Autorizar ponto final:	https://www.facebook.com/dialog/oauth
Ponto final do token de acesso:	https://graph.facebook.com/v2.8/oauth/access_token
Obter informações do usuário Endpoint:	https://graph.facebook.com/me/?fields=id,name,email,age_range,first_name,gender,last_name,link

• Escolha o seu Tipo de concessão da lista de opções e clique em Salvar configurações Para salvar a configuração.

Você configurou com sucesso o WordPress como cliente OAuth para autenticar usuários com o login único (SSO) do Facebook em seu site WordPress.

Etapa 3: Mapeamento de atributos do usuário

• O Mapeamento de Atributos do Usuário é obrigatório para permitir que os usuários façam login no WordPress com sucesso. Configuraremos os atributos do perfil de usuário para o WordPress usando as configurações abaixo.

Encontrando atributos do usuário:

• Acesse Configurar OAuth aba. Role para baixo e clique em Configuração de Teste.

• Você verá todos os valores retornados pelo seu provedor OAuth para o WordPress em uma tabela. Se você não vir o valor de E-mail ou Nome de Usuário, etc., faça as configurações necessárias no seu provedor OAuth para que ele retorne essas informações.
• Depois de ver todos os valores na Configuração de Teste, vá para Mapeamento de Atributos/Funções Na aba, você encontrará a lista de atributos nos menus suspensos.

4. Configurações de login

• As configurações na aba Configurações de Autenticação Única (SSO) definem a experiência do usuário para o login único (SSO). Para adicionar um widget de login do Facebook à sua página do WordPress, siga os passos abaixo.

• WordPress 5.7 e inferior
• WordPress 5.8
• WordPress 5.9 e superior

• Acesse Painel esquerdo do WordPress > Aparências > Widgets.
• Selecionar miniOrange OAuth. Arraste e solte no seu local favorito e salve.

• Acesse Painel esquerdo do WordPress > Aparências > Widgets.
• Selecionar miniOrange OAuth. Arraste e solte no seu local favorito e salve.

• Abra sua página do WordPress e você verá o botão de login do Facebook SSO. Você pode testar o Single Sign-On (SSO) do Facebook agora mesmo.

• Verifique se o "Mostrar na página de login" a opção está habilitada para seu aplicativo. (Consulte a imagem abaixo)

• Agora vá ao seu Login do WordPress Disputas de Comerciais. (Ex.: https://< seu-dominio-wordpress >/wp-login.php)
• Você verá um botão de login do Facebook SSO. Ao clicar nesse botão, você poderá testar o Single Sign-On (SSO) do Facebook.

Neste guia, você configurou com sucesso o Single Sign-On (SSO) do Facebook , definindo o Facebook como provedor OAuth e o WordPress como cliente OAuth usando nosso plugin OAuth Single Sign-On (cliente OAuth e OpenID Connect) para WordPress. Essa solução garante que você esteja pronto para implementar acesso seguro ao seu site WordPress usando as credenciais de login do Facebook em poucos minutos.

Artigos Relacionados

• O que é OAuth 2.0?
• OAuth com o Facebook
• Perguntas Frequentes (FAQs)