realfabecker / photos Goto Github PK

Revisar fluxo de autenticação do aplicado substituindo interface login atual por interface hospedada disponibilizada pelo AWS Cognito incluindo nessa, além dos campos usuário e senha, também opção para login por meio do provedor Google.

Contexto

A interface de login do aplicativo foi implementada de maneira exclusiva para esse utilizando API's específicas para autenticação por usuário e senha.

Como melhoria para o aplicativo deseja-se o uso de provedores de autenticação por federação (Google) porém a API utilizada não é compatível com tal funcionalidade.

O serviço AWS Cognito disponibilizada integrado a si recursos para integração com provedores de oauth 2.0 e interface própria que abstrai o fluxo de autenticação.

A integração da interface própria do aws Cognito no aplicativo permitirá a disponibilização de login por meio do Google, como também isolará a camada de autenticação do aplicativo, tornando compatível com novos métodos de login conforme forem adicionados.

Describe the bug

Os parâmetros especificados na query string ao acessar o aplicativo estão sendo descartados pelo processo de redirecionamento, tanto pelo fluxo de oauth quanto pelo fluxo padrão quando já autenticado.

To Reproduce
Steps to reproduce the behavior:

1. Concatenar parâmetro de query provider=lambda na url base do aplicativo e acessá-la via Browser.
2. Observar que a listagem de itens apresenta apenas as mídias origindas a partir do picsum, não da base lambda.

Expected behavior

Ao preencher o parâmetro de query provider com o valor lambda espera-se que sejam listadas as mídias a partir da integração aws (api-gateway, lambda e s3) porém continuam a ser exibidas as informações do mock local.

Additional context

A primeira análise considera como origem de problema o fluxo de redirecionamento qual mantém fixo a rota base do aplicativo /photos sem incluir o grupo search da url base.

Também necessário verificar o repasse dos parâmetros de query para url de redirecionamento relacionada a url de autenticação gerada para o auth provider.

Detailed description

Aplicar melhoria na camada autenticação oauth do projeto de modo a extrar do valor id_token recebido a partir do fluxo de redirecionamento a foto de perfil do usuário e exibir essa no componente header da aplicação.

Context

O cenário atual do aplicativo considera a exibição de imagem fixa no componente header a partir de url de gravar to owner do projeto. Com a implantação recente do fluxo de oauth esse deve agora ser revisto de modo a exibir a foto de perfil obtida por meio da autenticação federada.

Essa melhoria trará maior conforto para o usuário da aplicação visto que será exibida a informaçaõ de perfil configurada no seu provedor de autenticação de escolha.

Possible implementation

A geração da url de autenticação deve ser aprimorado no aplicativo de modo a considerar o escopo profile em conjunto dos já utilizados na autorização. A partir as informações base do usuário como nome, email e foto de perfil passarão a ser incluídas no id_token.

Após o sucesso da autenticação deve-se incluir o id_token no storage local do browser viabilizando assim com que o serviço de autenticação possa extrair desse a foto de perfil, permitindo com que o aplicativo possa exibi-la no componente header.