Qu’est-ce qu’une SPA (application monopage) ?
Une application monopage (SPA) charge un document web principal et met à jour les vues dynamiquement dans le navigateur. La navigation modifie généralement le contenu rendu côté client au lieu de demander un document complet à chaque interaction.
Fonctionnement des applications monopages (SPA)
Une SPA utilise généralement le routage côté navigateur et l’état de l’application pour remplacer des parties de l’interface après le chargement initial du document. Les données arrivent par des API, tandis que l’API History peut maintenir les URL visibles en accord avec la vue actuelle. Cette architecture déplace la navigation, la reprise après erreur, la gestion du focus et une grande partie du rendu dans le code client. Dans un produit multimédia, elle peut permettre une lecture continue et une gestion complexe de l’état des téléversements, mais le rendu côté serveur ou le prérendu peuvent toujours être utilisés pour la première réponse.
Points clés
- Un serveur doit généralement acheminer les requêtes directes visant des chemins gérés côté client vers un point d’entrée HTML approprié ; sinon, actualiser ou partager une URL imbriquée peut produire une erreur 404 côté serveur.
- Les changements de route côté client n’annoncent pas automatiquement une nouvelle page et ne déplacent pas le focus. Les implémentations accessibles mettent donc explicitement à jour les titres des documents, les titres de section et le comportement du focus.
- Des bundles JavaScript initiaux volumineux peuvent retarder les interactions sur les appareils plus lents, même si les transitions suivantes sont rapides ; le fractionnement du code et les vues d’entrée rendues côté serveur répondent à des aspects différents de ce coût.
Quand les applications monopages (SPA) sont utiles
Choisissez une SPA lorsqu’une gestion riche de l’état côté client et une navigation rapide dans l’application justifient une complexité accrue dans le navigateur. Le routage, l’accessibilité, le chargement initial et la reprise après des échecs d’appels API nécessitent une prise en charge soigneusement conçue.