1
Action visiteur
Tu cliques sur le bouton.
Backend rendu visible
Suis la requête à travers la stack.
Une petite démo de la manière dont ce site est câblé. Un clic traverse l’UI, la frontière API, la persistance, le broadcast temps réel et l’état live, pour rendre les pièces visibles au lieu de seulement les décrire.
Progression0/6
2
Frontend Angular
Le composant appelle un service typé et met à jour l’état UI.
3
API ASP.NET Core
Un endpoint minimal reçoit l’action et valide le flux.
4
Persistance MySQL
L’événement est sauvegardé pour que le compteur survive aux redémarrages.
5
Broadcast SignalR
Le backend pousse le nouvel état vers tous les navigateurs connectés.
6
Mise à jour UI live
Chaque visiteur voit le système réagir sans rafraîchir.
Corrélationen-attente-de-simulation
Le chemin d’exécution te montre où va une requête. L’architecture te montre comment les responsabilités autour de cette requête sont organisées.
Même requête,
architecture différente.
La même action applicative peut traverser des structures très différentes selon la façon dont les responsabilités et les dépendances sont organisées. Choisis une architecture et suis la requête.
Ce sont différentes façons de structurer une application, pas un classement.
scénario
Scénario : un utilisateur envoie une requête pour réserver un appel.
0/5
Vitesse
Présentation
01
UI
Déclenche l’action applicative
ex. clique sur « Booking »
02
Controller
Reçoit la requête HTTP
ex. reçoit la requête Booking
Application / Métier
03
Business Service
Coordonne le comportement métier
ex. valide et traite le Booking
Accès aux données
04
Repository
Gère l’accès à la persistance
ex. crée le Booking
Infrastructure
05
Database
Stocke l’état de l’application
ex. création de la ligne Booking
en cours d’exécutiondéjà exécuté
idée clé
Les responsabilités sont regroupées en couches horizontales, chaque couche gérant une préoccupation technique précise.
utile quand
L’application est simple et le graphe de dépendances reste facile à suivre.
attention à
En grandissant, les couches peuvent se coupler fortement et un même flux métier peut se retrouver dispersé entre plusieurs couches techniques.
structure du code
Une façon possible de l’organiser
src/
├── Api/
└── Controllers/
├── Application/
└── Services/
├── DataAccess/
└── Repositories/
└── Infrastructure/
└── Database/
disponible pour du freelance
Réserver un créneauBesoin d’aide pour structurer ou démêler une application ?
Si ta base de code a besoin de frontières plus claires, d’un nouveau flux applicatif, ou d’un travail sur le frontend et le backend, dis-moi sur quoi tu travailles.