Procurar Resultados :

×

Registrar Contato

Login único (SSO) Keycloak TYPO3 OAuth e OpenID | SSO Keycloak TYPO3


A extensão de Autenticação e Autorização OAuth 3 do Typo2.0 Single Sign-On (SSO) permite que seus usuários de Frontend e Backend (Administradores e Clientes) façam login facilmente no site Typo3 usando as credenciais do Keycloak. A extensão de Autenticação e Autorização OAuth 3 do Typo2 Single Sign-On (SSO) facilita o uso do OAuth3 para configurar o login do Keycloak no TypoXNUMX (Keycloak Single Sign-On).

A extensão Typo3 OAuth & OpenID Connect Single Sign-On (SSO) permite o login seguro no Typo3 usando qualquer provedor OAuth e OpenID Connect, como Azure AD, Azure B2C, Okta, Keycloak, Salesforce, etc. Recursos avançados de Single Sign-On (SSO), como mapeamento de atributos de perfil de usuário, mapeamento de funções e outros, também são suportados nesta extensão. Clique aqui para saber mais sobre os recursos premium da extensão Typo3 OAuth Single Sign-On (Cliente OAuth & OpenID Connect).

Neste guia, mostraremos como configurar o SSO entre o Typo3 e o Keycloak. Os usuários deverão conseguir fazer login no Typo3 através do Keycloak ao final deste guia.

Pré-requisitos: Download e instalação

mini laranja img Instalando o OAuth Client / extensão OpenID Connect no TYPO3


  • Use o comando abaixo para instalar a extensão usando o composer:
    composer req miniorange/miniorange_oidc
  • Agora procure o "miniOrange OpenIDConnect" na seção Extensões instaladas e ative a extensão clicando no botão ativar.
  • Após a instalação, clique na extensão recém-instalada "miniOrange OpenIDConnect" para TYPO3 SSO e faça login com suas credenciais miniOrange registradas.
  • Configurações do Typo3 miniorange OpenIDCconnect
  • Após inserir o nome de usuário e a senha, você precisará da chave de licença para prosseguir, caso seja um cliente premium. (Você receberá essa chave da equipe miniOrange. Após inserir a chave de licença, você poderá ativá-la e prosseguir.)
  • licença miniorange oauth oidc login
  • Se você não for um cliente premium, poderá fazer login facilmente enviando as credenciais do miniOrange.
  • Após o login bem-sucedido, você poderá ver os detalhes relacionados à sua conta.
  • Detalhes da conta de logon único OAuth do Typo3
  • Agora você está pronto para configurar seu IdP. Mas é importante integrar o frontend primeiro.
  • Baixe o arquivo zip da extensão OAuth / OIDC do marketplace TYPO3
  • Vá para o backend do TYPO3 e clique na seção Extensões no lado esquerdo da tela.
  • Faça upload do arquivo zip, conforme representado na imagem abaixo.
  • Plug-in de upload Typo3 OAuth OIDC SSO
  • Agora procure o "miniOrange OpenIDConnect" na seção Extensões instaladas e ative a extensão clicando no botão ativar.
  • Após a instalação, clique na extensão recém-instalada "miniOrange OpenIDConnect" para TYPO3 SSO e faça login com suas credenciais miniOrange registradas.
  • Configurações do Typo3 miniorange OpenIDCconnect
  • Após inserir o nome de usuário e a senha, você precisará da chave de licença para prosseguir, caso seja um cliente premium. (Você receberá essa chave da equipe miniOrange. Após inserir a chave de licença, você poderá ativá-la e prosseguir.)
  • licença minorang oauth oidc login
  • Se você não for um cliente premium, poderá fazer login diretamente enviando as credenciais do miniOrange.
  • Após o login bem-sucedido, você poderá ver os detalhes relacionados à sua conta.
  • Agora você está pronto para configurar seu IdP. Mas é importante integrar o frontend primeiro.

mini laranja img Integrar extensão com TYPO3

  • Clique no PÁGINAS na navegação esquerda.
  • Em seguida, você precisa criar uma pasta para armazenar os usuários do frontend clicando com o botão direito do mouse Início página e selecione Nova subpágina.
  • Criação de frontend com OAuth SSO do Typo3
  • Selecionar Pasta digite no menu suspenso.
  • Typo3 OAuth openid SSO cria frontend
  • Nomeie a pasta como Usuários do site e clique no Salve.
  • Criação de frontend com login único OAuth do Typo3
  • Vá para a aba de comportamento e adicione Usuários do site na mesma.
  • Adicionar usuários do site Typo3 OAuth SSO
  • Se você vir um hífen vermelho na pasta criada, significa que a pasta não está habilitada. Você pode habilitá-la clicando com o botão direito do mouse na pasta e clicando em Permitir.
  • Você precisa adicionar dois STANDARD páginas dentro do INICIO página. Se estiver usando o plugin Premium, você pode criar três páginas.
  • Aqui consideraremos nomes de páginas como: FEOIDC, RESPOSTA, LOGOUT (O logout é opcional para clientes premium).
  • Para criar uma barreira temporária, você pode usar móveis que já estão em sua casa. FEOIDC página, clique com o botão direito em Início página e então selecione Nova subpágina e selecione STANDARD digite no menu suspenso.
  • Criação de frontend com OAuth SSO do Typo3
  • Adicionar título da página como FEOIDC e clique Economize.
  • Criação de frontend com OAuth SSO do Typo3
  • Então clique novamente em Página FEOIDC e clique em Adicionar conteúdo. Vá em plugins e adicione Plugin FEOIDC e clique no Economize.
  • Criação de frontend com OAuth SSO do Typo3 Plug-in de seleção de logon único OAuth do Typo3
  • Navegue até a aba de plugins e selecione o plugin FEOIDC.
  • Criação de frontend com OAuth SSO do Typo3
  • Adicionar usuários do site em Página de armazenamento de registros e salve as configurações.
  • Criação de frontend com OAuth SSO do Typo3
  • Você pode habilitar o FEOIDC página clicando com o botão direito e selecionando Permitir opção.
  • Criação de frontend com OAuth SSO do Typo3
  • Se você precisar fazer alterações no segmento de URL, que também será seu URL SSO inicial, clique com o botão direito na página FEOIDC, selecione editar e clique no botão "alternar URL" para definir a URL de acordo com sua preferência.
  • Siga os mesmos passos para criar e configurar páginas Padrão de Resposta.
  • Certifique-se de selecionar o Plugin de Resposta para a página de Resposta.
  • Mantenha o FEOIDC e RESPOSTA URLs de página úteis, pois você precisará delas ao configurar a extensão OAuth/OpenID Connect.

Etapas para configurar o Keycloak OAuth e o OpenID Single Sign-On (SSO) Login no Typo3

1. Configure o Keycloak como provedor OAuth

Siga os passos abaixo para configurar o Keycloak como Provedor OAuth

mini laranja img Configurar Keycloak como provedor OAuth
  • Primeiro de tudo, Baixar Keycloak e instalá-lo.
  • Iniciar servidor: Inicie o servidor keycloak executando o arquivo _standalone.sh_

    Diretório raiz de keycloak/bin/standalone.sh

  • Adicionar Realm: Agora faça login no console de administração do Keycloak e navegue até o domínio desejado. Você pode adicionar um novo domínio selecionando Adicionar Reino opção.
  • Adicionar domínio ao SSO do Keycloak Typo3 OAuth
  • Criar Reino: Digite o nome do reino e clique em CRIAR para adicionar reino.
  • Criar função: A função será usada pelos seus aplicativos para definir quais usuários serão autorizados a acessar o aplicativo. Clique no botão Setores e escolha Adicionar Tipo.
  • Adicionar função Typo3 Keycloak SSO OAuth openid connect
  • Adicionar usuário: Precisamos adicionar usuários ao reino que poderão acessar os recursos do reino. Clique em Utilizadores e escolha Adicionar um novo usuário.
  • Keycloak Typo3 login OAuth Typo3 SSO Adicionar usuário
  • Configuração do usuário: Depois que o usuário for criado, a seguinte ação precisa ser executada nele.
    • Defina uma senha para ele, clique em Credenciais e defina uma nova senha para o usuário.
    • Credenciais Keycloak SSO OAuth Typo3

      NOTA: Desabilitar Temporário tornará a senha do usuário permanente


  • Usuário do mapa: Precisamos mapear o usuário para uma função. Clique em Mapeamentos de funções e atribuir ao usuário a função desejada dentre as funções disponíveis e clicar em adicionar selecionado.
  • Mapeamento de função OAuth do SSO do Typo3 Keycloak
  • Criar grupos: Clique no Grupos e escolha New para criar um novo grupo.
  • Keycloak OAuth openid connect SSO para Typo3 Criar Grupo
  • Atribuir usuário ao grupo: Selecione o usuário que deseja adicionar ao grupo. Escolha a opção "Grupos" na aba, selecione o nome do grupo e clique em juntar.
  • Keycloak SSO OAuth openid connect Atribuir usuário ao grupo
  • Criar cliente OpenID: Clique no Clientes e escolha cria para criar um novo cliente. Insira qualquer string aleatória como ID do cliente e mantenha-o à mão, pois você precisará dele na próxima etapa. Selecione o protocolo do cliente openeid-connect e selecione Economize.
  • Keycloak SSO OAuth Openid connect Criar cliente Openid
  • Entrar Alterar tipo de acesso: Após a criação do cliente, altere seu tipo de acesso para confidencial
  • Alterar tipo de acesso do Jboss Keycloak Typo3 SSO
  • Insira URLs de redirecionamento válidas: Copiar URL de retorno (Digite de miniOrange Typo3 OAuth Single Sign On (SSO) plugin que você copiou na última etapa) na última etapa e clique em SALVE .
    Exemplo -- https://oauth/callback
  • Mapeador de Grupo Keycloak: Agora, para obter os detalhes do grupo, precisamos realizar o mapeamento do cliente com a associação ao grupo, caso contrário, os detalhes do grupo não serão obtidos. Então, na seleção do cliente Mapeadores e depois clique em cria. Selecione o tipo de mapeador Membro do grupo e insira o nome e o token claim-name, ou seja, o nome do atributo correspondente aos grupos que serão buscados e clique em Economize Mapeador de grupos Typo3 Keycloak Group Mapper

    Observação: -- Se o caminho completo estiver no grupo, o caminho será buscado, caso contrário, o nome do grupo será buscado.

  • Obter segredo do cliente: Agora precisamos obter o segredo do cliente. Então selecione Clientes e selecione credenciais e copie seu segredo daqui.
  • Segredo do cliente Oauth SSO redenciais Typo3 SSO

Você configurou com sucesso o Keycloak como provedor OAuth para implementar o Single Sign-On (SSO) do Keycloak com o Typo3 para autenticação de usuários.

2. Configurando o Typo3 como cliente OAuth

  • Após configurar com sucesso o Provedor OAuth, insira o Nome do provedor OAuth, ID do cliente, Segredo do cliente, Objetivo e pontos finais fornecidos.

    Consulte abaixo os Endpoints para configurar o cliente OAuth


    Escopo: perfil de email
    Autorizar ponto final: /realms/{nome-do-realm}/protocolo/openid-connect/auth
    Ponto final do token de acesso: /realms/{nome-do-realm}/protocolo/openid-connect/token
    Obter informações do usuário Endpoint: /realms/{nome-do-realm}/protocolo/openid-connect/userinfo
  • Clique no Economize para salvar as configurações.
  • Credenciais SSO do Typo3 OAuth 2.0 | SSO do Typo3 Keycloak
  • Clique no Configuração de Teste botão.
  • Credenciais OAuth do Typo3 Keycloak SSO OAuth
  • Você verá todos os valores retornados pelo seu Provedor OAuth para o Typo3 em uma tabela. Se não encontrar valores para Nome, Sobrenome, E-mail ou Nome de usuário, faça as configurações necessárias no seu Provedor OAuth para retornar essas informações.
  • Você configurou com sucesso o seu Typo3 como um cliente OAuth. Agora você pode criar seu botão SSO personalizado no seu site frontend do Typo3 e incorporar a URL da página FEOIDC nele para iniciar o SSO.
  • SSO do Typo3 OAuth 2.0 Keycloak SSO

3: Mapeamento de Atributos (Opcional). *Este é um recurso Premium.

  • Você pode mapear atributos na aba Mapeamento de Atributos. Somente nome de usuário e e-mail podem ser mapeados na versão gratuita da extensão. No entanto, na versão premium da extensão, você pode mapear vários atributos provenientes do seu Provedor OAuth para os atributos presentes no seu site Typo3.
  • Mapeamento de atributos OAuth do Typo3 SSO do Typo3

4: Mapeamento de grupo (opcional). *Este é um recurso Premium.

  • Você pode especificar uma função padrão na extensão gratuita que será alocada a todos os usuários não administradores quando eles realizarem o SSO.
  • Vá para a aba Mapeamento de grupo e navegue até a seção Mapeamento de grupo.
  • Selecione a função padrão e clique no botão Salvar.
  • Keycloak Typo3 SSO - Login único (SSO) Keycloak no Typo3 - mapeamento de funções

Configurando Manto-chave como Provedor OAuth e Typo3 como Cliente OAuth Usando nossa extensão Typo3 OAuth Client, você instalou com sucesso o Typo3 Keycloak Single Sign-On (SSO). Em poucos minutos, você poderá fornecer acesso seguro ao seu site Typo3 utilizando as credenciais de login do Keycloak, graças a esta solução.

Recursos adicionais


Se você procura algo que não consegue encontrar, envie um e-mail para info@xecurify.com.

Olá!

Preciso de ajuda? Estamos bem aqui!

ajuda