Configurar o login único (SSO) do Instagram com o plugin Joomla OAuth Client
Visão geral
Este guia explica como configurar nossa extensão Joomla OAuth Client para permitir que os usuários façam login com suas contas do Instagram. Essa integração é gerenciada pela API de Exibição Básica do Instagram, que faz parte da plataforma Meta para Desenvolvedores.
Adicionar a opção "Entrar com o Instagram" é ideal para sites com forte foco visual ou comunitário, como portfólios de artistas, vitrines de marcas, blogs de estilo de vida e sites de e-commerce. Oferece um método de login rápido e moderno para um público altamente engajado na plataforma do Instagram.
Etapas de configuração
Nesta configuração, Instagram funciona como o servidor OAuth, enquanto Joomla permite que os usuários façam login com suas credenciais do Instagram 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 Instagram como servidor OAuth
- Insira a URL do seu site e o número de telefone em Seu site e Número de telefone campos de texto respectivamente. Clique no Inscreva-se para continuar. Esta etapa conclui seu cadastro em uma conta de desenvolvedor.
- Clique no botão Registrar sua aplicação novamente e vá para Gerenciar clientes -> Registrar um novo cliente conforme mostrado na imagem abaixo:
- Digite seu Nome do aplicativo, descrição, nome da empresa, URL do site, e-mail de contato etc. Copie o URL de redirecionamento/retorno de chamada do plugin miniOrange OAuth Client e salve-o em URLs de redirecionamento válidas campo de texto. Por fim, clique no Registrar-se botão para salvar suas configurações.
- Agora clique no botão Gerenciar para visualizar e copiar seu ID do cliente e segredo do cliente.
- Clique no Guia Segurança e desmarque o Desativar OAuth implícito opção. Clique no Cliente de atualização botão para salvar suas alterações.
- 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 Instagram como um provedor OAuth ou OIDC personalizado.
| Objetivo | perfil_do_usuário mídia_do_usuário |
| Autorizar ponto final | https://api.instagram.com/oauth/authorize |
| Ponto de extremidade do token de acesso | https://api.instagram.com/oauth/access_token |
| Obter ponto final de informações do usuário | https://graph.instagram.com/me?fields=id,username&access_token= |
| 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.
