Neste artigo, vamos demonstrar como usar o Logto como um provedor de identidade OpenID Connect (OIDC) para o Outline.
A melhor parte é que tanto o Logto quanto o Outline são de código aberto. Neste artigo, vamos demonstrar como usar o Logto como um provedor de identidade OpenID Connect (OIDC) para o Outline.
Para começar, certifique-se de ter o seguinte:
Se você estiver hospedando o Logto, consulte a documentação "Get started" do Logto para configurar sua instância do Logto.
Abra o Console do Logto digitando a URL https://cloud.logto.io/ se você estiver usando o Logto Cloud, ou o endpoint que você configurou para hospedagem própria.
Em seguida, navegue até a aba "Applications" e clique em "Create application".
No modal que aparece, escolha "Traditional Web" e forneça um nome de aplicação, como "Outline". Em seguida, clique em "Create application".
Você será direcionado para uma página de tutorial no Logto. Clique em "Skip" no canto superior direito para prosseguir para a página de detalhes da aplicação.
Na seção "Redirect URIs", insira o seguinte valor:
Por exemplo, se você estiver hospedando o Outline em http://localhost:3000, o valor deve ser:
Clique no botão "Save Changes" na parte inferior. Uma vez bem-sucedido, mantenha esta página aberta, pois será útil para a configuração do Outline.
Siga os passos descritos no guia de hospedagem do Outline até chegar à etapa de configuração de autenticação. Como o Outline suporta provedores de autenticação compatíveis com OIDC por padrão, você pode encontrar facilmente a maioria dos valores de configuração necessários na página de detalhes da aplicação do Logto.
Consulte a tabela a seguir para os detalhes de configuração necessários:
| Variável de Ambiente do Outline | Nome de Exibição do Logto |
|---|---|
| OIDC_CLIENT_ID | App ID |
| OIDC_CLIENT_SECRET | App Secret |
| OIDC_AUTH_URI | Authorization Endpoint |
| OIDC_TOKEN_URI | Token Endpoint |
| OIDC_USERINFO_URI | Userinfo Endpoint |
Aqui está outra tabela contendo variáveis adicionais:
| Variável de Ambiente do Outline | Descrição |
|---|---|
| OIDC_USERNAME_CLAIM | Defina como username |
| OIDC_DISPLAY_NAME | Opcional - personalize conforme necessário |
| OIDC_SCOPES | Mantenha o padrão; não precisa definir |
Como o Outline exige que o e-mail do usuário seja fornecido, você precisa configurar o login por e-mail ou um login social que forneça um endereço de e-mail confiável, como login do Google.
Veja Configurar conectores para saber mais sobre como configurar conectores no Logto.
Inicie a instância do Outline e acesse seu endpoint. Você deve ver um botão no centro rotulado "Continue with OpenID Connect"; ele pode ser personalizado configurando a variável de ambiente OIDC_DISPLAY_NAME.
Clique no botão, e você será direcionado para a experiência de login do Logto.
Se tudo foi configurado corretamente, assim que você concluir o processo de login ou inscrição no Logto, você será redirecionado de volta para o Outline. Você pode então ver suas informações pessoais exibidas no canto inferior esquerdo da página.
Se você encontrar algum problema durante a integração, não hesite em nos contatar por e-mail em [email protected] ou junte-se ao nosso servidor Discord!