L’architecture d’application web
En termes simples, l’architecture d’application web est un aperçu de la manière
dont les différents composants de votre application web interagissent les uns avec
les autres.
Cela peut être aussi simple que de définir la relation entre le client et le serveur.
Elle peut également être aussi complexe que la définition des interrelations entre
un essaim de serveurs backend conteneurisés, des équilibreurs de charge, des
passerelles API et des interfaces publiques à page unique orientées vers
l’utilisateur.
Pourquoi l’architecture d’application web est-elle importante ?
• Adaptation aisée aux besoins de l’entreprise
• Développement organisé
• Meilleure gestion de la base de code
• Sécurité renforcée
Comment fonctionne l’architecture
d’application web ?
• 1. L’utilisateur saisit l’URL de votre application dans la barre
d’adresse du navigateur ou
• clique sur un lien.
• 2. Le navigateur recherche l’URL dans les serveurs DNS et
identifie l’adresse IP de votre
• application.
• 3. Le navigateur envoie une requête HTTP à votre
application.
• 4. Votre application répond avec le contenu correct
(généralement une page web).
• 5. Le navigateur rend la page web sur l’écran.
Si vous deviez plonger un peu plus profondément, voici comment une application web
traiterait une requête
• 1. L’utilisateur envoie une requête à votre application via votre interface utilisateur (frontend).
• 2. Si vous avez configuré un cache approprié, l’application le vérifiera d’abord pour voir s’il
• contient un enregistrement valide qui peut être renvoyé directement au client. Si c’est le
• cas, le contenu du cache sera renvoyé, et la requête sera marquée comme terminée.
• 3. S’il n’y a pas de cache, la requête est transmise à l’équilibreur de charge.
• 4. L’équilibreur de charge identifie une instance de serveur qui est disponible pour traiter la
• requête et la transmet.
• 5. L’instance de serveur traite la requête et appelle les API externes si nécessaire.
• 6. Une fois les résultats rassemblés en un seul endroit, le serveur renvoie la réponse à
• l’équilibreur de charge.
• 7. L’équilibreur de charge renvoie la réponse à la passerelle API, qui l’envoie à son tour à
• l’utilisateur dans le client frontend. La requête est alors marquée comme terminée.
Types d’architecture d’application web
Maintenant que vous avez une idée de
base de ce qu’est l’architecture d’application
web, examinons en détail certains des types
d’architecture d’application web les plus
populaires utilisés.
Architecture à page unique
• L’architecture d’une application à page unique
(Single-Page Application ou SPA) est aussi
simple que son nom : l’application entière est
basée sur une seule page. Une fois que
l’utilisateur a lancé votre application, il n’a pas
besoin de naviguer vers d’autres pages web.
Couches de l’architecture d’application
web
• Bien que les architectures d’applications web que
nous avons vues puissent toutes sembler très
différentes les unes des autres, leurs composants
peuvent être logiquement regroupés en couches
définies qui aident à atteindre un objectif
commercial.
Couche de présentation
• La couche de présentation représente tout ce
qui, dans une application web, est exposé aux
utilisateurs finaux.
• Principalement, la couche de présentation est
composée du client frontend.
• Cependant, elle incorpore également toute
logique que vous avez écrite sur votre backend
pour rendre votre frontend dynamique.
les frameworks frontend courants
• citons Laravel, React, NextJS,
• Vue, GatsbyJS,
Couche métier
• La couche métier est chargée de contenir et
de gérer la logique de fonctionnement de
votre application.
• Il s’agit généralement d’un service backend
qui accepte les requêtes du client et les traite.
Exemple: Dans le cas d’une application de
réservation d’hôtel.
Couche de persistance
• La couche de persistance est chargée de
contrôler l’accès à vos stockages de de
données. Elle agit comme une couche
d’abstraction supplémentaire entre vos
stockages de données et votre couche métier
« Fournisseurs d’infrastructure dans le cloud comme AWS, GCP, Microsoft
Azure, etc. »
Composants de l’application web
• Maintenant que vous comprenez ce qui entre
dans l’architecture d’une application web,
examinons en détail chacun des composants
qui composent une application web.
• Nous regrouperons ce en deux grandes
rubriques : les composants côté serveur et les
composants côté client ( ou les composants
backend et frontend)
Composants côté serveur
• Les composants côté serveur sont ceux qui
résident dans le backend de votre application
web. Ils ne sont pas exposés directement aux
utilisateurs et contiennent la logique
commerciale et les ressources les plus
importantes de votre application web.
• DNS et routage (Le DNS est chargé de contrôler la manière dont
votre application est exposée au web.)
• Stockage des données
• La mise en cache des pages web
• Les tâches et les services
Composants côté client
• Les composants côté client sont ceux qui sont exposés à vos
utilisateurs, directement ou indirectement. Il existe
principalement deux types de composants dans cette
catégorie.
• Interface utilisateur frontend (L’interface utilisateur est l’aspect visuel de
votre application. C’est ce que vos utilisateurs voient et avec lequel ils interagissent afin
d’accéder à vos services.)
• Logique d’entreprise côté client (Parfois, vous pouvez avoir besoin de
stocker une certaine logique commerciale sur votre client afin d’effectuer rapidement des
opérations plus simples. La logique côté client qui réside habituellement dans votre
application frontend peut vous aider à éviter le voyage vers le serveur et à offrir à vos
utilisateurs une expérience plus rapide).
