Meilleurs scores, noms de joueurs, paramètres de configuration, ... autant de données qu'il faut conserver en mémoire : inutile de demander au joueur de saisir une cinquantaine de fois son nom !
HTML 5 a introduit la possibilité de stocker des données chez le client. Auparavant, la seule solution disponible était la création de cookies. Le problème de cette approche réside dans le fait que les cookies ne peuvent stocker au maximum que 4Ko de données. Avec les objets de la famille storage, nous pourrons stocker jusqu'à 10Mo de données par domaine ! Un autre mécanisme, nommé indexedDB permet également de sauvegarder des données chez le client. Ces deux mécanismes ne sont pas incompatibles : le premier permet de stocker des petites quantités de données, alors que le second peut être utilisé pour des données bien plus conséquentes.
Cet article permettra d'appréhender l'utilisation des données persistantes en JavaScript et de tester le mode hors connexion de HTML 5.
1. Les objets localStorage et sessionStorage
Pour stocker des données, nous utiliserons donc un objet...
- Accédez à tous les contenus de Connect en illimité
- Découvrez des listes de lecture et des contenus Premium
- Consultez les nouveaux articles en avant-première