Architecture modulaire grâce à Symfony et l'écosystème open-source

Les avancées présentes dans les dernières versions de Symfony et la maturité de l'écosystème open-source permettent de réaliser des architectures modulaires de grande qualité, avec des paradigmes de développement différents. Nous verrons, avec le case study d'AudienceHero, comment tirer parti des meilleures briques logicielles (Autoconfiguration, Autowiring, ApiPlatform, React Admin, etc.) afin de créer des systèmes modulaires complets.

Transcript

1. Architecture modulaire grâce à Symfony et l'écosystème Open-Source
2. Marc Weistroff Architecte Web Freelance https://marc.weistroff.net https://github.com/marcw @de_la_tech Label Manager POLAAR https://www.polaarsounds.com @polaarsounds
3. Dans l'épisode précédent...
4. 2014 Free- lance
6. 2015 SaaS? SaaS!
7. 2016 Mopro
8. Mopro Boite à outils Marketing pour les créateurs indépendants Mission: Remplir les besoins Marketing de 80% des créateurs indépendants.
9. Mopro Fan Management Segmenting Newsletter Media Management Free Downloads Podcasts Video maker AudioClip Import Mailchimp Reports Dashboard + 1 tonne de features
10. Mopro Centralisé :( Closed-Source :( Solopreneur :(
11. 2017 Mopro
12. 2018 Audience Hero
14. AudienceHero Iso-fonctionnel :) Open-Source :) Api Centric :) Modulaire :) Décentralisé :)
15. L'instant Robert
16. Architecture Art de concevoir, de construire et de transformer des édifices et des espaces extérieurs selon des critères esthétiques et des règles sociales, techniques, économiques, environnementales déterminées. Façon dont une chose est ordonnée.
17. Module Partie du code source d’un logiciel qui peut être développée indépendamment Exemple: Bundle Symfony
18. Architecture Modulaire Se réfère à la conception de tout système composé de composants séparés qui peuvent être connectés ensembles. La beauté d'une architecture modulaire est que vous pouvez remplacer ou ajouter n'importe quel composant (module) sans affecter le reste du système.
19. Architecture Intégrée Opposée à l'architecture modulaire Aucune division claire n'existe entre les composants
20. Comment on fait?
21. Symfony2
22. Symfony >3.3
23. Symfony > 3.3 - Flex (Bundle Autoregistration) - DependencyInjection - autowiring - autoconfiguration - registerForAutoconfiguration
24. Autowiring / Autoconfigure - Simplification MAJEURE :) - 0 config :) - Des centaines de lignes de code enlevées :)
28. registerForAutoconfiguration - Permet l'autoconfigure des EventSubscriber - Plus rien ne sera pareil :) - Autoconfigure pour VOUS - Très utilisé dans AudienceHero - Exemple: Traitement des fichiers dans AudienceHero - Behaviors - Mailer
34. AudienceHero - Private Metadata - Public Metadata - Links - Sitemaps - Data enrichers - Data aggregators - Data Importers - Message queues - Emails - Data extractors
35. Ecosystème
36. API Platform
37. ApiPlatform - Meilleure solution OSS pour les API - Intelligent - Standards ouverts - Architecture Top - AudienceHero ne serait pas là sans ApiPlatform https://github.com/api-platform/core/
38. React-Admin
39. React-Admin - Admin Single Page App (SPA) - Customisable - Material UI - Architecture frontend de très haut niveau - React + Redux + Redux-Saga + Redux-Forms https://github.com/marmelab/admin-on-rest/
40. Enqueue
41. Enqueue - Abstraction de message queues - Portage PHP de standards java (cross-polination !) - AMQP, Amazon SQS, Google PubSub, Redis, Kafa, DBAL - 1 seul process worker possible http://github.com/enqueue/enqueue
42. Dépendances
43. Backend - Monorepo - 63 dépendances Comment séparer les dépendances entre les différents composants ? ‣ wikimedia/composer-merge-plugin
47. Backend - composer install / composer update - Un seul repertoire vendor
48. Frontend - Dépendances BackOffice ET FrontOffice - yarn workspaces (yarn >1.0)
51. Frontend - yarn - Un seul repertoire node_modules avec toutes les dépendances
52. Emails
53. 1. Prototype
55. 2. Consolidation
59. 3. Dégradation
62. Spaghetti :(
63. 4. Modularisation
64. SyliusMailerBundle - Indépendant du reste de Sylius - Entièrement customisable (Adapter / Sender / ...) - Architecture idéale pour cette tâche https://github.com/sylius/sylius
68. La façon AudienceHero - Supprime le fichier de configuration - Utilise registerForAutoconfiguration - Une classe par email.
72. Back/Front office
73. Back/Front office – FrontOffice: SPA – BackOffice: SPA Comment intégrer des modules dans des applications compilées avec Webpack ?
74. Back/Front office – registerForAutoconfiguration :) – Génération de code :) – Symfony / Webpack Encore https://github.com/symfony/webpack-encore
82. Archi cool ?
83. NON - Durée du projet? - Luxe de phases de réflexions? - Plusieurs équipes sur des sujets différents? - Maturité sur le projet?
84. OUI - Core -> Extensions - Indépendance totale des fonctionnalités - Projet au long cours - Customisation totale - Plateforme
85. AudienceHero https://github.com/audiencehero/audiencehero Les contributions sont bienvenues :) - Code (Backend / Frontend) - Issues - Documentation - Sponsoring
86. Questions ?
87. Merci !
88. PHAT