Slide 1

Slide 1 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable D’une architecture web MVC à une architecture Clean Hexagonale Codeurs en Seine - Céline Gilet - 22 novembre 2018 1

Slide 2

Slide 2 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 2 Faisons connaissance ● Tribu Software Craftsmanship à OCTO Technology ● Développeuse depuis + de 10 ans ● Conseil & accompagnement sur les pratiques de qualité logicielle ● Formation (Test Driven Development, Clean Code, Legacy Code..) Céline Gilet @celinegilet Céline Gilet

Slide 3

Slide 3 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 3 Objectifs de la session ● Les limites d’un design applicatif basé sur une organisation en couches techniques ● Les principes de l’architecture hexagonale et de la clean architecture pour simplifier la maintenabilité et l’évolutivité ● Une projection sur une base de code ○ Isoler le coeur métier de tout le reste (outils, frameworks, briques d’infrastructure) ○ S’abstraire des accès à une base de données / un système de fichiers / un serveur de mail ● Les apports sur le quotidien de développeur

Slide 4

Slide 4 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 01 02 03 04 05 Happy Town - Prise en main du sujet Maintenabilité et évolutivité du code Vers une architecture clean hexagonale Table des matières Clean Architecture - Step by Step Hexagonale Architecture 4

Slide 5

Slide 5 text

Happy Town Prise en main du sujet 01 5

Slide 6

Slide 6 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 6 Prise en main du sujet Le Pitch du projet (https://github.com/celinegilet/happy-town) A la découverte de notre fil rouge : “Happy Town” Pour accueillir dignement ses nouveaux habitants, le conseil municipal de HappyTown a décidé d’offrir un cadeau à tous ses habitants qui soufflent leur première bougie dans la commune. Le rôle de notre application est donc : ● De sélectionner les habitants éligibles à l’obtention d'un cadeau (ils ont emménagés depuis plus de 1 an) ● Pour chacun des habitants éligibles : ○ Trouver le cadeau approprié en fonction de son âge : il y a des cadeaux différents par tranche d’âge ○ Envoyer un mail annonçant l'attribution du cadeau ● Envoyer un mail récapitulatif au service cadeau de la mairie avec tous les cadeaux attribués de la journée

Slide 7

Slide 7 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 7 Prise en main du sujet Une représentation graphique de “Happy Town” Attribuer un cadeau aux habitants de HappyTown fêtant leur 1er anniversaire dans la commune Base de données H2 contenant les habitants Fichier des cadeaux par tranche d’âge Base de données H2 contenant les habitants + cadeaux Mails envoyés aux habitants Mail récapitulatif des cadeaux par jour User Interface Terminal API Tâche automatique Entrée Sortie Déclencheurs Application

Slide 8

Slide 8 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 8 Prise en main du sujet Schéma de l’architecture actuelle : 3-Tiers Base de données H2 Données Métier Présentation User Interface Terminal API Tâche automatique Controller MVC Service Repository HabitantController HappyTownController HabitantService HappyTownService HabitantRepository Domain Habitant Cadeau TrancheAge Configuration Spring Swagger Schedule Task

Slide 9

Slide 9 text

Maintenabilité et évolutivité du code 02 9

Slide 10

Slide 10 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 10 Maintenabilité et évolutivité du code Revue collective de code

Slide 11

Slide 11 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 11 Maintenabilité et évolutivité du code Limites actuelles ● Du code centré autour des frameworks ● Un découpage et une architecture par responsabilité technique (controller / service / repository) ● Le modèle métier est à la fois le modèle de stockage et le modèle de présentation ● Une perte de la logique métier et des services de l’application ● Un fort couplage et une adhérence aux composants d’infrastructure (serveur de mail, système de fichiers) ● Des difficultés à écrire des tests rapidement qui représentent le métier ● Des tests écrits à posteriori avec une stratégie de couverture de code (absence de TDD / design émergent) ● Évolutions de + en + difficile (en durée et complexité)

Slide 12

Slide 12 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 12 Maintenabilité et évolutivité du code Une pyramide de tests sans base solide ● Une pyramide de tests dont la base démarre au niveau “Intégration” ● Des tests avec un caractère aléatoire ● Une nécessité de démarrer un serveur de mail pour tester les règles métiers ● Une stratégie de tests basée sur le fonctionnement de frameworks Unitaire Intégration Fonctionnel Coût Temps d’exécution Précision / Fiabilité Rapidité Quantité de tests

Slide 13

Slide 13 text

Vers une architecture clean hexagonale 03 13

Slide 14

Slide 14 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 14 Vers une architecture clean hexagonale Dans quel but ? ● La valeur d’une application réside dans ses cas d’utilisation et ses services métiers ● Isoler et protéger cette valeur des changements et évolutions techniques ● Le domaine métier d’une application n’ évolue pas au même rythme que les éléments connexes (frameworks, base de données, infra…) ● Une prise en compte des aspects techniques à posteriori ● Pas de dispersion de la logique métier dans plusieurs couches ● Des tests ciblés sur une problématique précise : rapidité, fiabilité et robustesse ● Un découpage par responsabilité pour favoriser les évolutions et accélérer le cycle des déploiements ● Des mises à jour de dépendances techniques plus régulières

Slide 15

Slide 15 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 15 Vers une architecture clean hexagonale Clean Architecture / Hexagonale Architecture Clean Architecture - Uncle Bob Martin - The center of your application is not the database. Nor is it one or more of the frameworks you may be using. The center of your application is the use cases of your application L’élément clé d’une application ne réside pas dans sa base de données et les frameworks utilisés. Les use-cases d’une application sont l’élément central Hexagonale Architecture - Alistair Cockburn - Allow an application to equally be driven by users, programs, automated test or batch scripts, and to be developed and tested in isolation from its eventual run-time devices and databases Permettre à une application d’être pilotée aussi bien par des utilisateurs que par des programmes, des tests automatisés ou des scripts batchs, et d’ être développée et testée en isolation de ses éventuels systèmes d’exécution et bases de données

Slide 16

Slide 16 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 16 Vers une architecture clean hexagonale Clean Architecture Principes ● Un centre contenant la logique métier sans frameworks ni annotations ○ Entities - Objets du domaine ○ Use Cases - Services proposés par l’application ● Des points d’entrée (Entrypoints) pour déclencher les use cases : API Rest, interface graphique, jobs ● Des fournisseurs de données (DataProviders) pour récupérer et stocker les données : BDD, périphériques réseau, fichiers, systèmes externes ● Les éléments de configuration (Configuration) Source : http://blog.cleancoder.com/uncle-bob/2012/08/13/the-clean-architecture.html

Slide 17

Slide 17 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 17 Vers une architecture clean hexagonale Hexagonale Architecture Principes ● Intérieur vs Extérieur ● Découpage en 3 zones distinctes ○ Application - les moyens d’interactions pour piloter / déclencher le métier ○ Domain - la logique métier ○ Infrastructure - les besoins et dépendances nécessaires au métier (BDD, Systèmes extérieurs, File System) ● Sens des dépendances uniquement vers l’intérieur : le Domain ● Isolation des frontières par des Ports et Adapters (Interfaces) DOMAIN INFRASTRUCTURE APPLICATION INTÉRIEUR EXTÉRIEUR Adapter Adapter Port Port Logique Métier Sens des dépendances

Slide 18

Slide 18 text

Clean Architecture - Step by Step 04 18

Slide 19

Slide 19 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 19 Clean Architecture - Step by Step Cartographie et projection Use-Cases ● Récupérer les informations des habitants de HappyTown ● Attribuer un cadeau aux habitants de HappyTown Déclencheurs ● Un terminal console (CURL endpoint) ● Une interface graphique (swagger-ui.html) ● Une tâche automatisée ● Des tests Fournisseurs de données ● Base de données H2 contenant les habitants ● Fichier contenant les cadeaux par tranche d’âge ● Serveur de mail

Slide 20

Slide 20 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 20 Clean Architecture - Step by Step Migration de l’architecture actuelle 3-Tiers Base de données H2 Données Métier Présentation User Interface Terminal API Tâche automatique Controller MVC Service Repository HabitantController HappyTownController HabitantService HappyTownService HabitantRepository Domain Habitant Cadeau TrancheAge Configuration Spring Swagger Schedule Task

Slide 21

Slide 21 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 21 Clean Architecture - Step by Step Schéma cible entrypoints core dataproviders entities Cadeau | Habitant TrancheAge TrancheAgeComparator use_cases AttribuerCadeaux GetAllHabitants CadeauRandom rest AttributionCadeauxEndpoint HabitantEndpoint HabitantApi SwaggerConfig jobs AttributionCadeauxJob database HabitantDatabaseProvider HabitantJpaRepository HabitantJpa file CadeauxByTrancheAgeFileProvider mail NotificationMailProvider Application Habitant Provider N otification Provider Exception CadeauxBy TrancheAge Provider Exception

Slide 22

Slide 22 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 22 Clean Architecture - Step by Step Step 01 : Réorganisation du code entrypoints core dataproviders entities Cadeau | Habitant TrancheAge use_cases Application Step 01

Slide 23

Slide 23 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 23 Clean Architecture - Step by Step Step 01 : Réorganisation du code Step 01 ❏ Création de la nouvelle structure de packages ❏ core (entities + use_cases) ❏ entrypoints ❏ dataproviders ❏ Déplacement des objets de domain vers entities ❏ Suppression des frameworks / annotations (Lombok, Javax Validation)

Slide 24

Slide 24 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 24 Clean Architecture - Step by Step Step 02 : Récupération des habitants entrypoints core dataproviders entities Cadeau | Habitant TrancheAge use_cases GetAllHabitants database HabitantDatabaseProvider HabitantJpaRepository HabitantJpa Application Habitant Provider Step 02

Slide 25

Slide 25 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 25 Clean Architecture - Step by Step Step 02 : Récupération des habitants Step 02 ❏ Ajout d’un use case pour récupérer tous les habitants : GetAllHabitants ❏ Nécessité d’avoir un nouveau fournisseur de données pour les habitants : HabitantProvider ❏ Implémentation du fournisseur de données des habitants en base de données : HabitantDatabaseProvider ❏ Séparation entre les objets du domaine métier : Habitant et le modèle de stockage : HabitantJpa ❏ Suppression du package repository

Slide 26

Slide 26 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 26 Clean Architecture - Step by Step Step 03 : Visualisation des habitants entrypoints core dataproviders entities Cadeau | Habitant TrancheAge use_cases GetAllHabitants rest HabitantEndpoint HabitantApi database HabitantDatabaseProvider HabitantJpaRepository HabitantJpa Application Habitant Provider Step 03

Slide 27

Slide 27 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 27 Clean Architecture - Step by Step Step 03 : Visualisation des habitants Step 03 ❏ Ajout d’un entrypoint rest pour récupérer la liste des habitants : HabitantEndpoint ❏ Séparation entre les objets du domaine métier : Habitant et le modèle de présentation : HabitantApi ❏ Suppression de HabitantController et HabitantService ❏ L’objet Habitant est maintenant agnostique de tout framework technique (présentation, persistence)

Slide 28

Slide 28 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 28 Clean Architecture - Step by Step Step 04 : Attribution des cadeaux entrypoints core dataproviders entities Cadeau | Habitant TrancheAge TrancheAgeComparator use_cases AttribuerCadeaux GetAllHabitants rest AttributionCadeauxEndpoint HabitantEndpoint HabitantApi database HabitantDatabaseProvider HabitantJpaRepository HabitantJpa Application Habitant Provider Step 04

Slide 29

Slide 29 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 29 Clean Architecture - Step by Step Step 04 : Attribution des cadeaux Step 04 ❏ Ajout d’un use case pour attribuer les cadeaux : AttribuerCadeaux ❏ Ajout d’un entrypoint rest pour attribuer les cadeaux : AttributionCadeauxEndpoint ❏ Suppression de HappyTownService ❏ Le comparateur des tranches d’âge TrancheAgeComparator rejoint le package des entities ❏ Suppression du package de service

Slide 30

Slide 30 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 30 Clean Architecture - Step by Step Step 05 : Job d’attribution des cadeaux entrypoints core dataproviders entities Cadeau | Habitant TrancheAge TrancheAgeComparator use_cases AttribuerCadeaux GetAllHabitants CadeauRandom rest AttributionCadeauxEndpoint HabitantEndpoint HabitantApi SwaggerConfig jobs AttributionCadeauxJob database HabitantDatabaseProvider HabitantJpaRepository HabitantJpa Application Habitant Provider Step 05

Slide 31

Slide 31 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 31 Clean Architecture - Step by Step Step 05 : Job d’attribution des cadeaux Step 05 ❏ Ajout d’un entrypoint jobs pour la tâche automatique d’attribution de cadeaux : AttributionCadeauxJob ❏ Déplacement de la classe de configuration SwaggerConfig dans le package rest des entrypoints ❏ Suppression du package de configuration ❏ Mise en place d’un mécanisme de vérification du respect de la clean architecture (sens des dépendances) : tools/check-cleanArchi.sh

Slide 32

Slide 32 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 32 Clean Architecture - Step by Step Step 06 : Notification par mail entrypoints core dataproviders entities Cadeau | Habitant TrancheAge TrancheAgeComparator use_cases AttribuerCadeaux GetAllHabitants rest AttributionCadeauxEndpoint HabitantEndpoint HabitantApi SwaggerConfig jobs AttributionCadeauxJob database HabitantDatabaseProvider HabitantJpaRepository HabitantJpa mail NotificationMailProvider Application Habitant Provider N otification Provider Exception Step 06

Slide 33

Slide 33 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 33 Clean Architecture - Step by Step Step 06 : Notification par mail Step 06 ❏ Sortie de la partie concernant les mails ❏ Nouveau Provider + Exception Métier : NotificationProvider + NotificationException ❏ Implémentation d’un mail provider : NotificationMailProvider avec les infos de config : smtpHost + smtpPort ❏ Suppression de la config du serveur de mail dans les use cases + entrypoints ❏ Tests unitaires du use case : AttribuerCadeaux (plus de lancement de serveur de mail) : rapidité, fiabilité ❏ Changement de la librairie de mail pour les tests unitaires : FakeSmtpRule

Slide 34

Slide 34 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 34 Clean Architecture - Step by Step Step 07 : Récupération des cadeaux par tranche d’âge entrypoints core dataproviders entities Cadeau | Habitant TrancheAge TrancheAgeComparator use_cases AttribuerCadeaux GetAllHabitants rest AttributionCadeauxEndpoint HabitantEndpoint HabitantApi SwaggerConfig jobs AttributionCadeauxJob database HabitantDatabaseProvider HabitantJpaRepository HabitantJpa file CadeauxByTrancheAgeFileProvider mail NotificationMailProvider Application Habitant Provider N otification Provider Exception CadeauxBy TrancheAge Provider Exception Step 07

Slide 35

Slide 35 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 35 Clean Architecture - Step by Step Step 07 : Récupération des cadeaux par tranche d’âge Step 07 ❏ Sortie de la partie concernant la récupération des cadeaux par tranche d’âge ❏ Nouveau Provider + Exception Métier : CadeauxByTrancheAgeProvider + CadeauxByTrancheAgeException ❏ Implémentation d’un file provider : CadeauxByTrancheAgeFileProvider avec les informations de config : fileName ❏ Suppression des infos de config du fichier dans les use cases + entrypoints ❏ Suppression des infos de dateCourante dans les use cases et les entrypoints avec injection d’une Clock

Slide 36

Slide 36 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 36 Clean Architecture - Step by Step Step 08 : Refactoring entrypoints core dataproviders entities Cadeau | Habitant TrancheAge TrancheAgeComparator use_cases AttribuerCadeaux GetAllHabitants CadeauRandom rest AttributionCadeauxEndpoint HabitantEndpoint HabitantApi SwaggerConfig jobs AttributionCadeauxJob database HabitantDatabaseProvider HabitantJpaRepository HabitantJpa file CadeauxByTrancheAgeFileProvider mail NotificationMailProvider Application Habitant Provider N otification Provider Exception CadeauxBy TrancheAge Provider Exception Step 08

Slide 37

Slide 37 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 37 Clean Architecture - Step by Step Step 08 : Refactoring Step 08 ❏ Mise en place de templates de messages pour les mails ❏ Ajout d’un use case d’attribution de cadeau aléatoire : CadeauRandom ❏ Ajout de fixtures pour simplifier l’ écriture des tests ❏ Refactoring divers

Slide 38

Slide 38 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 38 Clean Architecture - Step by Step Schéma final entrypoints core dataproviders entities Cadeau | Habitant TrancheAge TrancheAgeComparator use_cases AttribuerCadeaux GetAllHabitants CadeauRandom rest AttributionCadeauxEndpoint HabitantEndpoint HabitantApi SwaggerConfig jobs AttributionCadeauxJob database HabitantDatabaseProvider HabitantJpaRepository HabitantJpa file CadeauxByTrancheAgeFileProvider mail NotificationMailProvider Application Habitant Provider N otification Provider Exception CadeauxBy TrancheAge Provider Exception

Slide 39

Slide 39 text

Hexagonale Architecture 05 39

Slide 40

Slide 40 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 40 Hexagonale Architecture Schéma final application domain infrastructure entities Cadeau | Habitant TrancheAge TrancheAgeComparator use_cases AttribuerCadeaux GetAllHabitants CadeauRandom rest AttributionCadeauxAdapter HabitantAdapter HabitantApi SwaggerConfig jobs AttributionCadeauxJobAdapter database HabitantDatabaseAdapter HabitantJpaRepository HabitantJpa file CadeauxByTrancheAgeFileAdapter mail NotificationMailAdapter Application Habitant Port N otification Port Exception CadeauxBy TrancheAge Port Exception

Slide 41

Slide 41 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 41 Debrief et conclusions ● Isolation et protection du métier ● Totale indépendance vis à vis des frameworks avec un métier clair et explicite ● Meilleure testabilité orientée sur le comportement métier ● Une pyramide de tests saine pour les évolutions et la maintenance ● Séparation claire des problèmes Discuter en équipe de votre choix d’architecture : clean architecture, hexagonale architecture ou un mix des deux ou une autre… L’important est de redonner sa place au métier et de sortir des architectures à découpage technique

Slide 42

Slide 42 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 42 MERCI ! :)

Slide 43

Slide 43 text

OCTO © 2018 - Reproduction interdite sans autorisation écrite préalable 43 Références ● https://github.com/celinegilet/happy-town ● https://blog.octo.com/architecture-hexagonale-trois-principes-et-un-exemple-dimplement ation/ ● https://github.com/damienbeaufils/clean-architecture-demo ● https://blog.cleancoder.com/uncle-bob/2012/08/13/the-clean-architecture.html ● https://github.com/mattia-battiston/clean-architecture-example

Slide 44

Slide 44 text

44