Integração do cliente Joomla OAuth com o login único (SSO) do Facebook
Visão geral
Este guia fornece uma visão geral abrangente da configuração da nossa extensão Joomla OAuth Client para permitir o login de usuários pelo Facebook. Seguindo esses passos, você pode adicionar um botão "Entrar com o Facebook" ao seu site, oferecendo uma maneira rápida e conveniente para os usuários se cadastrarem e fazerem login.
Integrar o login do Facebook é uma das maneiras mais eficazes de reduzir a fricção no cadastro. Como um grande número de usuários já possui uma conta no Facebook, esse método de login social permite que eles acessem seu site com um único clique, sem a necessidade de criar e memorizar um novo conjunto de credenciais.
Para configurar o OAuth Single Sign-On entre Joomla e Facebook, você também pode seguir este passo a passo Vídeo de instalação.
Etapas de configuração
Nesta configuração, Facebook funciona como o servidor OAuth, enquanto Joomla permite que os usuários façam login com suas credenciais do Facebook utilizando o Plug-in de cliente Joomla OAuth.
Etapa 1: instalar o plugin Joomla OAuth Client
- Faça login no seu site Joomla Administrador console.
- No menu de alternância à esquerda, clique em System, então na seção Instalar clique em Extensões.
- Agora clique em Ou procurar arquivo botão para localizar e instalar o arquivo de plugin baixado anteriormente.
- A instalação do plugin foi bem-sucedida. Agora clique em Iniciar!
- Debaixo Configurar OAuth -> Aplicativos pré-configurados guia, selecione seu Provedor OAuthVocê também pode configurar seu próprio provedor personalizado, navegando até o Aplicativo personalizado aba.
- Após selecionar seu provedor OAuth, copie o URL de retorno/redirecionamento que usaremos para configurar o servidor OAuth e, em seguida, clicar no Salvar e Avançar botão.
Etapa 2: configurar o Facebook como servidor OAuth
- Entre no seu Desenvolvedor do Facebook console.
- Acesse Meus Aplicativos.
- Para criar um novo aplicativo OAuth, clique em Criar aplicativo botão no Todos os apps seção.
- Selecione "O que você quer que seu aplicativo faça?" na Crie um aplicativo seção. Em seguida, clique no Seguinte botão para continuar.
- Na tela a seguir, Selecione um tipo de aplicativo e selecione Consumidores , então clique em Seguinte botão. (Após a criação do seu aplicativo, o tipo de aplicativo não poderá ser alterado.)
- De acordo com o relatório Detalhes seção, insira o nome do aplicativo no Adicionar um nome de aplicativo campo de texto e o E-mail de contato do aplicativo (o padrão é o e-mail da sua conta do Facebook) e clique em Criar aplicativo botão.
- Ao clicar no botão Criar aplicativo, uma janela de diálogo será exibida. Para sua segurança, você precisará digitar sua senha novamente para continuar.
- De acordo com o relatório Adicione o produto ao seu aplicativo tela, clique no Estabelecer botão do cartão de login do Facebook.
- Acessar Produtos no painel de navegação esquerdo, então Facebook Login e Configurações.
- Sob o Configurações do OAuth do cliente, cole o copiado anteriormente URL de retorno/redirecionamento no URIs de redirecionamento OAuth válidos campo de texto.
Etapa 3: Configurar ID e segredo do cliente
- Acesse Configurações -> Básico para visualizar seu ID do aplicativo e seu segredo do aplicativo (consulte a imagem abaixo).
- Copie o ID do aplicativo e segredo do aplicativo que é seu ID do cliente e segredo do cliente e salve-o no seu plug-in de cliente OAuth miniOrange.
- Volte para o seu Painel Joomla. Então vá para Etapa 2 no Configurar OAuth aba.
- Cole o ID do cliente, segredo do cliente e locatário. Defina também as credenciais do cliente No Cabeçalho e Corpo então clique em Salvar configurações. Depois que as configurações forem salvas, clique em Salvar configuração.
- O escopo e os pontos de extremidade são fornecidos abaixo, os quais são necessários para configurar o Joomla como plugin OAuth Client para configurar o Facebook como um provedor OAuth ou OIDC personalizado.
| Objetivo | e-mail de perfil público |
| Autorizar ponto final | https://www.facebook.com/dialog/oauth |
| Ponto de extremidade do token de acesso | https://graph.facebook.com/v2.8/oauth/access_token |
| Obter ponto final de informações do usuário | https://graph.facebook.com/me/?fields=id,name,email,age_range,first_name,gender,last_name,link |
| Definir credenciais do cliente | No Cabeçalho e no Corpo |
Etapa 4: Configurar o mapeamento de atributos
- O Mapeamento de Atributos do Usuário é obrigatório para permitir que os usuários façam login no Joomla com sucesso. Configuraremos os atributos do perfil de usuário para o Joomla usando as configurações abaixo.
- Acesse Etapa 3 no Configurar OAuth guia e clique em Configuração de teste botão.
- Você poderá ver os atributos na saída da configuração de teste da seguinte maneira.
- Agora selecione o nome do atributo para E-mail e nome de usuário no menu suspenso. Em seguida, clique em Concluir configuração botão.
Etapa 5: Configurar URL de login/SSO
- Agora vá para Etapa 4, copie aqui o URL de login/SSO e adicione-o ao seu site.
- Agora, saia e acesse as páginas do seu site Joomla onde você adicionou este link. Você verá um link de login onde colocou o botão. Clique neste botão para realizar o SSO.
