OAuth2-With-AzureAD

📃 Cette API est utilisée dans le cadre d'un article disponible depuis le blog technique d'Ingéniance : https://techblog.ingeniance.fr/developper-et-deployer-une-application-web-vue-js-java-sous-docker-avec-une-authentification-sous-azure

Prérequis

Une configuration d'un compte Azure Active Directory est également nécessaire pour profiter pleinement de ce projet. Merci de consulter les articles suivants pour initialiser les applications sur un compte locataire Azure AD :

• https://techblog.ingeniance.fr/configurer-role-aad-pour-acces-applications
• https://techblog.ingeniance.fr/utiliser-les-roles-dazure-active-directory-avec-une-web-api-sous-spring-boot-pour-authentifier-les-utilisateurs

Description

Ce projet vous permet de déployer localement une infrastructure orientée Web sécurisée à l'aide d'Azure Active Directory.

Les différents composants sont dockerisés et un reverse-proxy Nginx sert à distribuer les requêtes vers le sous-réseau Docker.

Les API sont développées en Java via le Framework Spring Boot et s'appuient sur le composant com.azure.spring du SDK Java d'Azure pour gérer le protcole d'accès OAuth 2.0.

Le client Web quant à lui est développé en vue.js et les appels REST sont gérés par Axios.

Installation

Copiez le projet localement :

git clone https://github.com/INGENIANCE/OAuth2-With-AzureAD.git

Pensez à remplacer par vos identifiants Azure les éléments entre <> dans les fichiers d'environnement application.yml de chacune des API :

Web App

azure:
  activedirectory:
    client-id: <Replace-with-your-WebApp-Client-ID>
    client-secret: <Replace-with-your-WebApp-Client-Secret>
    tenant-id: <Replace-with-your-tenant-ID>
    authorization-clients:
      graph:
        scopes:
          - User.Read
          - Directory.Read.All
      myregistrationid:
        scopes:
          - <Replace-with-your-WebApi-URI-application-ID>/User.Read
    post-logout-redirect-uri: http://localhost

Web API

azure:
  activedirectory:
    client-id: <Replace-with-your-WebApp-Client-ID>
    app-id-uri: <Replace-with-your-WebApi-URI-application-ID>

A la racine du projet lancez la commande suivante :

docker-compose up -d

Rendez-vous ensuite dans votre navigateur favoris pour tester le projet en lançant l'URL http://localhost

Références

• Documentation de Docker : https://docs.docker.com
• Documentation de Nginx : https://nginx.org/en/docs/
• Documentation de Vue.js 2.X : https://fr.vuejs.org/v2/guide/
• Dépôt GitHub d’Axios : axios/axios
• Graph Explorer : https://developer.microsoft.com/fr-fr/graph/graph-explorer