Architecture classique

La plupart des applications web est construite autour de l'architecture 3-tiers, une architecture logique qui se répartit selon une architecture technique sur différentes machines composées de :

  1. une base de données (données)
  2. un serveur applicatif (traitement)
  3. un client (présentation)
architecture 3-tiers, fabriqué avec Excalidraw
architecture 3-tiers

Le hors-ligne

Lorsqu'une application web est utilisée hors-ligne, elle n'a plus accès au serveur.

architecture hors-ligne, fabriqué avec Excalidraw
hors-ligne

Cependant l'architecture 3-tiers peut se répartir sur une seule machine physique pour permettre une utilisation hors-ligne.

Dans ce cas, lorsque le client est hors-ligne, l'application est capable de continuer à fonctionner.

architecture hors-ligne fonctionnelle, fabriqué avec Excalidraw
hors-ligne fonctionnel

Lorsque l'application retrouve l'accès aux serveurs, elle peut alors se mettre à jour :

  • envoyer les données locales aux serveurs
  • récupérer les données distantes depuis les serveurs

Les technologies du navigateur

Différentes technologies permettent d'augmenter la fiabilité réseau des applications Web, que l'utilisateur soit complètement déconnecté du réseau ou qu'il soit derrière une connexion peu fiable.

La documentation de Google https://web.dev/reliable/ 🇬🇧 contient quelques articles autour de ces technologies et des besoins qu'elles couvrent :