Procurar Resultados :

×

conteúdo

Okta Single Sign-On SSO no TYPO3 com OAuth/OpenID Connect | Login Okta OIDC

A extensão Typo3 OAuth 2.0 Authentication and Authorization Single Sign-On (SSO) permite que seus usuários de Frontend e Backend (Administradores e Clientes) façam login facilmente no site Typo3 usando credenciais do Okta. A extensão Typo3 OAuth / OpenID Connect Single Sign-On (SSO) facilita o uso do OAuth2 para configurar o Okta Login no Typo3 (Okta 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 Okta. Os usuários deverão conseguir fazer login no Typo3 através do Okta ao final deste guia.

Clique aqui para saber mais sobre outros recursos que oferecemos na extensão Typo3 OAuth Single Sign-On (SSO OAuth e OpenID Connect).

Pré-requisitos: Download e instalação

Instalando o OAuth Client / extensão OpenID Connect no TYPO3

Usando o Composer
Instalação manual

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.)

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.

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.

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.)

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.

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.

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.

Adicionar título da página como FEOIDC e clique Economize.

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.

Plug-in de seleção de logon único OAuth do Typo3

Navegue até a aba de plugins e selecione o plugin FEOIDC.

Adicionar usuários do site em Página de armazenamento de registros e salve as configurações.

Você pode habilitar o FEOIDC página clicando com o botão direito e selecionando Permitir opção.

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 Okta OAuth e o OpenID Single Sign-On (SSO) Login no Typo3

1. Configure o Okta como provedor OAuth

Siga os passos abaixo para configurar o Okta como Provedor OAuth

Configurar Okta como provedor OAuth

Primeiro de tudo, vá para https://www.okta.com/login e faça login na sua conta Okta.
Vou ao Painel de administração do Okta. Vamos para Aplicações -> Aplicações.

Typo3 SSO Okta Single Sign On (SSO) OAuth OIDC ir para aplicativos

Você verá a seguinte tela. Clique em Adicionar aplicativo botão.

Adicionar aplicativo Typo3 OAuth SSO Okta Login

Clique em criar um novo aplicativo para criar um aplicativo.

Typo3 SSO Okta SSO OAuth OIDC, criar novo aplicativo

Escolha Site: como plataforma, OpenID Connect como método de login e clique em Criar.

OAuth OIDC Typo3 Okta Single Sign On (SSO) web como plataforma

Você será redirecionado para a página de detalhes do aplicativo. Digite Nome da Aplicação e URIs de redirecionamento de login. cópia de URL de redirecionamento/retorno de chamada do plugin para Configurar URL de redirecionamento de login. Clique em Economize.

Typo3 SSO Okta Single Sign On (SSO) OAuth OIDC, URL de retorno de chamada sso

Você será levado para a página de detalhes do aplicativo. Role para baixo para Credenciais do cliente seção.

Credenciais do cliente Typo3 SSO Okta Single Sign On

Copie essas credenciais em Plug-in de logon único (SSO) OAuth do Typo3 configuração em campos correspondentes.

Você configurou com sucesso o Okta como provedor OAuth para implementar o Single Sign-On (SSO) do Okta 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:	e-mail openid
Autorizar ponto final:	https://{yourOktaDomain}.com/oauth2/default/v1/authorize
Ponto final do token de acesso:	https://{yourOktaDomain}.com/oauth2/default/v1/token
Obter informações do usuário Endpoint:	https://{yourOktaDomain}.com/oauth2/default/v1/userinfo

Clique no Economize para salvar as configurações.

Credenciais de SSO OAuth 3 do Typo2.0 SSO | SSO Okta do Typo3

Clique no Configuração de Teste botão.

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.

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.

Okta Typo3 SSO - Login Okta Single Sign-On (SSO) no Typo3 - mapeamento de funções

Configurando Octa como Provedor OAuth e Typo3 como Cliente OAuth Usando nossa extensão Typo3 OAuth Client, você instalou com sucesso o Typo3 Okta Single Sign-On (SSO). Em poucos minutos, você poderá fornecer acesso seguro ao seu site Typo3 utilizando as credenciais de login do Okta, 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!