Pendant combien de temps les données stockées dans localStorage (dans le cadre du stockage DOM en HTML5) sont-elles disponibles? Puis-je définir un délai d'expiration pour les données que je place dans localStorage?
javascript
html
local-storage
user280427
la source
la source
Réponses:
Il n'est pas possible de spécifier l'expiration. C'est entièrement à l'utilisateur.
https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage
Bien sûr, il est possible que quelque chose que votre application stocke sur le client ne soit pas là plus tard. L'utilisateur peut explicitement se débarrasser du stockage local, ou le navigateur peut rencontrer des considérations d'espace. C'est bon de programmer défensivement. Généralement, cependant, les choses restent "pour toujours" sur la base d'une définition pratique de ce mot.
modifier - évidemment, votre propre application peut supprimer activement des éléments si elle décide qu'elle est trop ancienne. Autrement dit, vous pouvez explicitement inclure une sorte d'horodatage dans ce que vous avez enregistré, puis l'utiliser plus tard pour décider si les informations doivent être vidées ou non.
la source
Je suggère de stocker l'horodatage dans l' objet que vous stockez dans le localStorage
Vous pouvez analyser l'objet, obtenir l'horodatage et comparer avec la date actuelle et, si nécessaire, mettre à jour la valeur de l'objet.
la source
settimout
toutes les 5 secondes) ou pour chaque demande que le client envoie au serveur?Vous pouvez utiliser lscache . Il gère cela automatiquement pour vous, y compris les cas où la taille de stockage dépasse la limite. Si cela se produit, il commence l'élagage des éléments les plus proches de leur date d'expiration spécifiée.
Du
readme
:C'est la seule vraie différence entre les méthodes de stockage habituelles. Get, remove, etc fonctionnent de la même manière.
Si vous n'avez pas besoin de beaucoup de fonctionnalités, vous pouvez simplement stocker un horodatage avec la valeur (via JSON) et vérifier son expiration.
Il convient de noter qu'il existe une bonne raison pour laquelle le stockage local est laissé à l'utilisateur. Mais, des choses comme lscache sont utiles lorsque vous devez stocker des données extrêmement temporaires.
la source
Brynner Ferreira, a apporté un bon point: stocker une clé de frère où réside les informations d'expiration. De cette façon, si vous avez un grand nombre de clés ou si vos valeurs sont de gros objets Json , vous n'avez pas besoin de les analyser pour accéder à l'horodatage.
voici une version améliorée:
la source
else
ligne ne devrait-elle pas l' êtreexpires = Math.abs(1000*expires); //make sure it's positive
?getStorage
appel. Si vous essayez d'accéder_expiresIn
directement à la version de la clé, la clé devient alors celle..._expiresIn_expiresIn
qui n'existe bien sûr pas, donc elle supprime la..._expiresIn
clé d' origine , puis la prochaine fois que vous accédez à la clé d'origine, la..._expiresIn
n'existe pas et elle supprime l'original clé. Je suggérerais de piéger cela alors que je rencontrais cela dans l'un de mes projets.if(key.indexOf('_expiresIn') > -1) { return localStorage.getItem(key); }
Alors que le stockage local ne fournit pas de mécanisme d'expiration, les cookies le font. Le simple fait d'associer une clé de stockage locale à un cookie permet de s'assurer que le stockage local peut être mis à jour avec les mêmes paramètres d'expiration qu'un cookie.
Exemple dans jQuery:
Cet exemple définit un cookie dont le paramètre par défaut expire lorsque le navigateur est fermé. Ainsi, lorsque le navigateur est fermé et rouvert, le magasin de données local pour vos_données est actualisé par un appel côté serveur.
Notez que ce n'est pas exactement la même chose que de supprimer le magasin de données local, il s'agit plutôt de mettre à jour le magasin de données local chaque fois que le cookie expire. Cependant, si votre objectif principal est de pouvoir stocker plus de 4K côté client (la limitation de la taille des cookies), cette association de cookie et de stockage local vous aidera à atteindre une taille de stockage plus grande en utilisant les mêmes paramètres d'expiration qu'un cookie .
la source
cliquez ici pour voir l'api
la source
sessionStorage
cela ne fonctionne pas pour partager des données entre les ongletsLe cycle de vie est contrôlé par l'application / l'utilisateur.
De la norme :
la source
Du projet du W3C:
Vous voudrez faire vos mises à jour sur votre calendrier en utilisant setItem (clé, valeur); qui ajoutera ou mettra à jour la clé donnée avec les nouvelles données.
la source
la source
Si quelqu'un utilise le plugin jStorage de jQuery, il peut être ajouter une expiration avec la fonction setTTL si le plugin jStorage
la source
Si quelqu'un cherche toujours une solution rapide et ne veut pas de dépendances comme jquery etc. J'ai écrit une mini lib qui ajoute l'expiration au stockage local / session / personnalisé, vous pouvez le trouver avec la source ici:
https://github.com/RonenNess/ExpiredStorage
la source
Vous pouvez essayer celui-ci.
la source
Solution de contournement utilisant le fourrage angulaire et local:
la source
localforage
.expireTimeInMilliseconds
n'est pas unlocalforage
attribut, mais une variable que j'ai utilisée pour vérifier si les données stockées doivent expirer. Vérifiez laget
définition de la fonction sur mon exemple.localforage
n'est pas la petite classe d'aide légère que j'attendaisL'approche de @ sebarmeli est la meilleure à mon avis, mais si vous voulez que les données persistent pendant toute la durée d'une session,
sessionStorage
c'est probablement une meilleure option:MDN: sessionStorage
la source
Pour le bénéfice des chercheurs:
Comme Fernando, je ne voulais pas ajouter une charge de json lorsque les valeurs stockées étaient simples. J'avais juste besoin de suivre certaines interactions de l'interface utilisateur et de garder les données pertinentes (par exemple, comment un utilisateur a utilisé un site de commerce électronique avant de vérifier).
Cela ne répondra pas aux critères de tout le monde, mais sera, espérons-le, un démarreur rapide de copier-coller pour quelqu'un et d'économiser en ajoutant une autre bibliothèque.
REMARQUE: ce ne serait pas bon si vous devez récupérer les éléments individuellement.
la source
Si vous connaissez l' objet locaStorage des navigateurs , vous savez qu'il n'y a aucune disposition pour fournir une heure d'expiration. Cependant, nous pouvons utiliser Javascript pour ajouter un TTL (Time to live) pour invalider les éléments dans locaStorage après un certain laps de temps.
la source