Adal.JS

Olá, tudo bem?

Recentemente estive em um projeto onde era necessário proteger uma Single Page Application feita com Angular 1.5 e Webapi utilizando o Azure Active Directory.

Para isto, além da stack já mencionada, também utilizei uma biblioteca chamada ADAL.js. A mesma é open source e encontra-se disponível no Github.
(Você pode ler mais à respeito desta bilioteca no blog do Vittorio Bertocci)

Basicamente o que a biblioteca ADAL.js faz é criar um iframe na sua página para renovar o token de autenticação, caso o mesmo esteja expirado. Caso o usuário não esteja autenticado, ela gerencia o redirecionamento para a página de login gerenciada pela Microsoft, e após a autenticação, recebe o JWT token. Além disto, ela também expõe uma variável chamada userInfo, com os valores do token descriptografados.

Workflow Autenticação usando ADAL.JS

Você pode conferir o resultado no vídeo à seguir:

Parte 1

Parte 2

Links:
Adal.JS
Blog Vittorio Bertocci

Até o próximo post pessoal.

Compartilhar