La specifica
Web Storage permette di memorizzare dei dati in un’area di storage in un modo sicuramente più efficiente e semplice rispetto ai cookie. Un cookie o
magic cookie è un frammento di dato scambiato durante un processo di comunicazione tra una sorgente e una destinazione. Il suo nome deriva da quello di un dolcetto di origine asiatica, chiamato
fortune cookie (biscotto della fortuna). Questo biscotto è così chiamato perché al suo interno è contenuto un bigliettino dove è scritta una frase di fortuna o profetica e tale frase può rappresentare, per similitudine col cookie, il pezzo di informazione da esso trasmesso.
Il cookie è stato utilizzato per la prima volta, nel 1994, da
Lou Montulli di Netscape, come sistema per tracciare le preferenze degli utenti, che utilizzavano un’applicazione per il commercio elettronico. Successivamente Montulli insieme a
John Giannandrea ne scrissero la specifica, che fu implementata nei browser Netscape Navigator e Internet Explorer. Curiosamente, il sistema dei cookie è oggi una
tecnologia brevettata con il “solito” generico titolo utilizzato per brevettare il software:
Persistent client state in a hypertext transfer protocol based client-server system.
Un cookie, nonostante sia stato (ed è ancora) il sistema più utilizzato per memorizzare informazioni ha i seguenti svantaggi:
- API JavaScript poco pratica e di difficile utilizzo;
- limitazione di spazio di memorizzazione a soli 4 KB per cookie;
- inefficiente occupazione di banda perché essi sono trasmessi tra un client e un server a ogni richiesta HTTP;
- problemi di sicurezza nel caso la trasmissione non usi il protocollo HTTPS.
Giusto per rendersi conto di quanto l’API per i cookie sia poco pratica, nonché scarsa di funzionalità, ne forniamo un breve esempio.
Per creare un cookie dobbiamo avvalerci della proprietà
cookie dell’oggetto
document, a cui viene passata una stringa contenente le informazioni del cookie, rappresentate come coppie di
keys/values separate dal punto e virgola:
document.cookie = "name=Paul; path=/images; domain=.names.org; expires=Thu,10 Nov 2011 15:00:00 UTC; secure";
dove:
- la chiave name indica il relativo valore del cookie;
- la chiave path indica il path dove il cookie è attivo. Nel nostro esempio il cookie sarà inviato alle pagine presenti solamente nella directory images;
- la chiave domain indica il dominio entro il quale il cookie è attivo. Nel nostro caso il cookie sarà attivo anche nei sottodomini di names;
- la chiave expires indica la data di eliminazione del cookie;
- la chiave secure indica che il cookie sarà trasmesso solo tramite connessioni sicure (HTTPS).
Per utilizzare una chiave specifica di un cookie non abbiamo alcuna funzione di
get e pertanto dovremo avvalerci direttamente della proprietà
cookie (che è una stringa) ricercando al suo interno la chiave desiderata. Infine, anche per la sua cancellazione o la modifica di determinate chiavi non abbiamo funzioni di
delete o di
modify. In ogni caso un cookie può essere cancellato riscrivendolo con la chiave
name interessata e la chiave
expires con un valore di data che è antecedente alla data del giorno scelto per compiere tale operazione.
- Pubblicazioni correlate:
- 10-05-2010 Guida ad HTML5: storia della sua nascita (1/3)
- 11-05-2010 Guida ad HTML5: storia della sua nascita (2/3)
- 17-05-2010 Guida ad HTML5: storia della sua nascita (3/3)
- 18-05-2010 Guida ad HTML5: supporto dei browser (1/6)
- 24-05-2010 Guida ad HTML5: supporto dei browser (2/6)
- 25-05-2010 Guida ad HTML5: supporto dei browser (3/6)
- 31-05-2010 Guida ad HTML5: supporto dei browser (4/6)
- 01-06-2010 Guida ad HTML5: supporto dei browser (5/6)
- 07-06-2010 Guida ad HTML5: supporto dei browser (6/6)
- 08-06-2010 Guida ad HTML5: l'elemento canvas, l'area del disegno
- 14-06-2010 Guida ad HTML5: l’elemento canvas, disegno di forme geometriche (1/4)
- 18-06-2010 Guida ad HTML5: l’elemento canvas, disegno di forme geometriche (2/4)
- 21-06-2010 Guida ad HTML5: l’elemento canvas, disegno di forme geometriche (3/4)
- 25-06-2010 Guida ad HTML5: l’elemento canvas, disegno di forme geometriche (4/4)
- 28-06-2010 Guida ad HTML5: l’elemento canvas, immagini e testo (1/4)
- 02-07-2010 Guida ad HTML5: l’elemento canvas, immagini e testo (2/4)
- 05-07-2010 Guida ad HTML5: l’elemento canvas, immagini e testo (3/4)
- 09-07-2010 Guida ad HTML5: l’elemento canvas, immagini e testo (4/4)
- 12-07-2010 Guida ad HTML5: l’elemento canvas, manipolazione diretta dei pixel (1/2)
- 16-07-2010 Guida ad HTML5: l’elemento canvas, manipolazione diretta dei pixel (2/2)
- 19-07-2010 Guida ad HTML5: l’elemento canvas, sfumature
- 23-07-2010 Guida ad HTML5: l’elemento canvas, ombreggiature
- 26-07-2010 Guida ad HTML5: l’elemento canvas, compositing (1/2)
- 30-07-2010 Guida ad HTML5: l’elemento canvas, compositing (2/2)
- 30-08-2010 Guida ad HTML5: l’elemento canvas, stili di linea e pattern (1/2)
- 03-09-2010 Guida ad HTML5: l’elemento canvas, stili di linea e pattern (2/2)
- 06-09-2010 Guida ad HTML5: multimedialità, concetti propedeutici (1/2)
- 10-09-2010 Guida ad HTML5: multimedialità, concetti propedeutici (2/2)
- 13-09-2010 Guida ad HTML5: multimedialità, l'elemento video
- 17-09-2010 Guida ad HTML5: multimedialità, gli elementi audio e source
- 20-09-2010 Guida ad HTML5: multimedialità, scripting dei media element (1/6)
- 24-09-2010 Guida ad HTML5: multimedialità, scripting dei media element (2/6)
- 27-09-2010 Guida ad HTML5: multimedialità, scripting dei media element (3/6)
- 01-10-2010 Guida ad HTML5: multimedialità, scripting dei media element (4/6)
- 04-10-2010 Guida ad HTML5: multimedialità, scripting dei media element (5/6)
- 08-10-2010 Guida ad HTML5: multimedialità, scripting dei media element (6/6)
- 11-10-2010 Guida ad HTML5: multimedialità, realizzazione di un player video (1/7)
- 15-10-2010 Guida ad HTML5: multimedialità, realizzazione di un player video (2/7)
- 20-10-2010 Guida ad HTML5: multimedialità, realizzazione di un player video (3/7)
- 22-10-2010 Guida ad HTML5: multimedialità, realizzazione di un player video (4/7)
- 25-10-2010 Guida ad HTML5: multimedialità, realizzazione di un player video (5/7)
- 29-10-2010 Guida ad HTML5: multimedialità, realizzazione di un player video (6/7)
- 05-11-2010 Guida ad HTML5: multimedialità, realizzazione di un player video (7/7)
- 12-11-2010 Guida ad HTML5: storage per le web application (2/3)
- 15-11-2010 Guida ad HTML5: storage per le web application (3/3)
- 19-11-2010 Guida ad HTML5: eseguire codice JavaScript in background (1/3)
- 22-11-2010 Guida ad HTML5: eseguire codice JavaScript in background (2/3)
- 26-11-2010 Guida ad HTML5: eseguire codice JavaScript in background (3/3)
- 29-11-2010 Guida ad HTML5: applicazioni web offline (1/5)
- 03-12-2010 Guida ad HTML5: applicazioni web offline (2/5)
- 06-12-2010 Guida ad HTML5: applicazioni web offline (3/5)
- 10-12-2010 Guida ad HTML5: applicazioni web offline (4/5)
- 13-12-2010 Guida ad HTML5: applicazioni web offline (5/5)
- 17-12-2010 Guida ad HTML5: la geolocalizzazione (1/4)
- 20-12-2010 Guida ad HTML5: la geolocalizzazione (2/4)
- 24-12-2010 Guida ad HTML5: la geolocalizzazione (3/4)
- 27-12-2010 Guida ad HTML5: la geolocalizzazione (4/4)
- 31-12-2010 Guida ad HTML5: microdata (1/4)
- 03-01-2011 Guida ad HTML5: microdata (2/4)
- 10-01-2011 Guida ad HTML5: microdata (3/4)
- 14-01-2011 Guida ad HTML5: microdata (4/4)
- 17-01-2011 Guida ad HTML5: drag and drop (1/5)
- 21-01-2011 Guida ad HTML5: drag and drop (2/5)
- 24-01-2011 Guida ad HTML5: drag and drop (3/5)
- 28-01-2011 Guida ad HTML5: drag and drop (4/5)
- 31-01-2011 Guida ad HTML5: drag and drop (5/5)
- 04-02-2011 Guida ad HTML5: nuovi elementi semantici (1/6)
- 07-02-2011 Guida ad HTML5: nuovi elementi semantici (2/6)
- 11-02-2011 Guida ad HTML5: nuovi elementi semantici (3/6)
- 14-02-2011 Guida ad HTML5: nuovi elementi semantici (4/6)
- 18-02-2011 Guida ad HTML5: nuovi elementi semantici (5/6)
- 21-02-2011 Guida ad HTML5: nuovi elementi semantici (6/6)
- 25-02-2011 Guida ad HTML5: l’API di messaggistica (1/8)
- 28-02-2011 Guida ad HTML5: l’API di messaggistica (2/8)
- 04-03-2011 Guida ad HTML5: l’API di messaggistica (3/8)
- 07-03-2011 Guida ad HTML5: l’API di messaggistica (4/8)
- 11-03-2011 Guida ad HTML5: l’API di messaggistica (5/8)
- 14-03-2011 Guida ad HTML5: l’API di messaggistica (6/8)
- 18-03-2011 Guida ad HTML5: l’API di messaggistica (7/8)
- 21-03-2011 Guida ad HTML5: l’API di messaggistica (8/8)