Quelles sont les différences entre les mécanismes de stockage des données dans LocalStorage, SessionStorage et les cookies dans le navigateur?

LocalStorage, SessionStorage et cookies sont trois mécanismes de stockage de données dans le navigateur, différant par leur volume, leur durée de vie et leur accessibilité.

• LocalStorage

  • Stocke les données sans date d'expiration (jusqu'à leur suppression manuelle).
  • La capacité est généralement d'environ 5-10 Mo.
  • Les données sont accessibles dans tous les onglets et fenêtres du même domaine.
  • Non envoyé au serveur lors des requêtes HTTP.

• SessionStorage

  • Les données vivent uniquement dans le cadre d'une session (tant que l'onglet est ouvert).
  • La capacité est similaire à celle de LocalStorage.
  • Les données sont accessibles uniquement dans l'onglet/fenêtre actuel.
  • Non envoyé au serveur.

• Cookies

  • Peuvent avoir une durée de vie après laquelle ils sont supprimés.
  • La capacité est limitée (environ 4 Ko par cookie).
  • Les données sont automatiquement envoyées au serveur à chaque requête vers le domaine correspondant.
  • Utilisés pour l'authentification, le suivi, etc.

Exemple d'utilisation de LocalStorage:

localStorage.setItem('user', 'Alice');
const user = localStorage.getItem('user');