logo

Différence entre le stockage local, le stockage de session et les cookies

Le protocole HTTP est l'un des protocoles les plus importants pour une communication fluide entre le serveur et le client. Le principal inconvénient du protocole HTTP est qu'il s'agit d'un protocole sans état, ce qui signifie qu'il ne suit aucun type de réponse ou de demande du serveur ou du client. Ainsi, afin de résoudre ce problème, il existe trois façons de suivre les informations utiles. Dans cet article, nous allons voir la différence entre le stockage local, le stockage de session et les cookies et pourquoi il est important pour un développeur Web de connaître ces termes.

Stockage local: Cette propriété d'interface en lecture seule donne accès à l'objet de stockage local du document ; les données stockées sont stockées sur toutes les sessions du navigateur. Similaire à sessionStorage, sauf que les données de sessionStorage sont effacées à la fin de la session de la page, c'est-à-dire lorsque la page est fermée. Il s'efface à la fermeture du dernier onglet privé d'un navigateur (données de stockage local d'un document chargé en navigation privée ou session incognito).



comment télécharger de la musique

Les DOMStrings sont des formats de stockage qui utilisent UTF-16 pour coder les données, qui utilisent deux octets par caractère. Les chaînes sont automatiquement générées à partir de clés entières, tout comme elles le sont pour les objets. Les données stockées dans LocalStorage sont spécifiques à un protocole du document. Si le site est chargé via HTTP (par exemple, http://example.com), localStorage renvoie un objet différent de celui s'il est chargé via HTTPS (par exemple, https://abc.com).

Si un document est chargé à partir d’une URL de fichier (c’est-à-dire directement depuis le système de fichiers local de l’utilisateur au lieu d’être chargé depuis le serveur), les exigences de comportement ne sont pas définies et peuvent varier selon les différents navigateurs. Chaque fichier semble recevoir un objet différent par localStorage dans tous les navigateurs actuels : URL. Essentiellement, il semble que chaque fichier URL possède sa propre zone de stockage locale unique.

Ce comportement ne peut pas être garanti car, comme mentionné ci-dessus, les exigences en matière d'URL de fichier restent floues. En tant que tel, il est possible que les navigateurs modifient la façon dont ils traitent les fichiers à tout moment. La façon dont certains navigateurs le gèrent a évolué.



Le stockage local dispose de 4 méthodes :

  • Méthode setItem() – Cette méthode prend deux paramètres, l’un est la clé et l’autre la valeur. Il est utilisé pour stocker la valeur dans un emplacement particulier avec le nom de la clé.
localStorage.setItem(key, value)>
  • Méthode getItem() – Cette méthode prend un paramètre clé qui est utilisé pour obtenir la valeur stockée avec un nom de clé particulier.
localStorage.getItem(key)>
  • Méthode RemoveItem() – Cette méthode est utilisée pour supprimer la valeur stockée dans la mémoire en référence à la clé.
localStorage.removeItem(key)>
  • Méthode clear() – Cette méthode est utilisée pour effacer toutes les valeurs stockées dans le stockage local.
localStorage.clear()>

image du panneau de stockage local

Qu’est-ce que le stockage de session ?



convertir une chaîne en jsonobject java

Les objets Session Storage sont accessibles à l’aide de la propriété sessionStorage en lecture seule. La différence entre sessionStorage et localStorage est que les données localStorage n'expirent pas, alors que les données sessionStorage sont effacées à la fin de la session de la page.

Une session de page unique est créée une fois qu'un document est chargé dans un onglet du navigateur. Les sessions de page ne sont valables que pour un seul onglet à la fois. Les pages ne sont enregistrées que pendant la durée pendant laquelle l'onglet ou le navigateur est ouvert ; ils ne persistent pas après le rechargement et la restauration de la page. Une nouvelle session est créée à chaque fois qu'un onglet ou une fenêtre est ouvert ; ceci est différent des cookies de session. Chaque onglet/fenêtre ouvert avec la même URL crée son propre sessionStorage. Lorsque vous dupliquez un onglet, le sessionStorage de l'onglet d'origine est copié dans l'onglet dupliqué. La fermeture d'une fenêtre/d'un onglet met fin à la session et efface les objets sessionStorage.

Le protocole d'une page détermine quelles données sont stockées dans sessionStorage. En particulier, les données stockées par les scripts accessibles via HTTP (par exemple, http://abc.com) sont stockées dans un objet distinct du même site accessible via HTTPS (par exemple, https://abc.com). Un numéro DOMString est composé de deux octets par caractère au format DOMString UTF-16. Les chaînes sont automatiquement générées à partir de clés entières, tout comme elles le sont pour les objets.

Le stockage de session dispose de 4 méthodes :

DHL veut dire quoi
  • Méthode setItem() – Cette méthode prend deux paramètres, l’un est la clé et l’autre la valeur. Il est utilisé pour stocker la valeur dans un emplacement particulier avec le nom de la clé.
sessionStorage.setItem(key, value)>
  • Méthode getIteam() – Cette méthode prend un paramètre clé qui est utilisé pour obtenir la valeur stockée avec un nom de clé particulier.
sessionStorage.getItem(key)>
  • Méthode RemoveItem() – Cette méthode est utilisée pour supprimer la valeur stockée dans la mémoire en référence à la clé.
sessionStorage.removeItem(key)>
  • Méthode clear() – Cette méthode est utilisée pour effacer toutes les valeurs stockées dans le stockage de session
sessionStorage.clear()>

image du stockage de session

File d'attente de priorité

Biscuit: Le terme cookie fait référence uniquement aux informations textuelles sur un site Web. Afin de vous reconnaître et de vous montrer les résultats selon vos préférences, ce site Web enregistre certaines informations dans votre système local lorsque vous visitez un site Web particulier. L’histoire d’Internet a longtemps été marquée par l’utilisation de cookies. Un visiteur d’un site Web demande au serveur une page Web lorsqu’il la visite. Chaque demande de serveur est unique. De même, si vous visitez une centaine de fois, chaque requête sera considérée comme unique par le serveur. Puisqu’un serveur reçoit de nombreuses requêtes chaque seconde, stocker les informations de chaque utilisateur sur un serveur ne semble ni logique ni évident. Les mêmes informations pourraient ne plus être nécessaires si vous ne revenez pas. Par conséquent, un cookie est envoyé et stocké sur votre ordinateur local pour vous identifier de manière unique. Vous recevrez une réponse du même serveur la prochaine fois que vous le frapperez puisqu'il vous reconnaît. Presque tous les serveurs utilisent ce cookie (quelques exceptions existent aujourd'hui à cause des publicités). Par conséquent, même si vous disposez de nombreux cookies dans votre système, ces cookies seront reconnus par un serveur et analysés.

Lorsque les cookies ont été développés pour la première fois, ils étaient utilisés pour améliorer l’expérience du développeur. Pensez à visiter un site Web dans une langue autre que votre langue maternelle (disons l’anglais). Vous pouvez sélectionner l’anglais comme langue dans la section linguistique du site Web. Il peut être nécessaire de changer de langue cinq fois par jour si vous visitez le même site Web cinq fois. Ces informations sont donc stockées dans un cookie sur votre système. Cela garantit que le serveur sait que vous souhaitez consulter le site Web en anglais la prochaine fois que vous enverrez une demande. Les cookies sont essentiels à cet égard. Les cookies à grande échelle utilisés aujourd'hui sont beaucoup plus petits que l'exemple ci-dessus.

image de cookies

Différence entre le stockage local et le stockage de session , Et des biscuits

Stockage local Stockage de sessions Biscuits
La capacité de stockage du stockage local est de 5 Mo/10 Mo La capacité de stockage du stockage de session est de 5 Mo La capacité de stockage des Cookies est de 4 Ko
Comme il n'est pas basé sur une session, il doit être supprimé via javascript ou manuellement Il est basé sur une session et fonctionne par fenêtre ou par onglet. Cela signifie que les données sont stockées uniquement pendant la durée d'une session, c'est-à-dire jusqu'à la fermeture du navigateur (ou de l'onglet). Les cookies expirent en fonction du paramétrage et du fonctionnement par onglet et fenêtre
Le client peut lire et écrire le stockage local Le client peut lire et écrire le stockage local Les clients et les serveurs peuvent lire et écrire les cookies
Il n'y a pas de transfert de données vers le serveur Il n'y a pas de transfert de données vers le serveur Le transfert de données vers le serveur existe
Pris en charge par tous les navigateurs, y compris les plus anciens. Pris en charge par tous les navigateurs, y compris les plus anciens Il est pris en charge par tous les navigateurs, y compris les anciens navigateurs.