Cookies και LocalStorage: Ποια είναι η διαφορά;

Cookies - Μια εικόνα του rawpixel στο Unsplash

Για μεγάλο χρονικό διάστημα, τα cookies είναι ο κύριος τρόπος αποθήκευσης πληροφοριών σχετικά με τους χρήστες που επισκέπτονται την εφαρμογή ή τον ιστότοπό σας. Χρησιμοποιούνται για την καταγραφή στοιχείων κατάστασης, όπως τα στοιχεία καλαθιού αγορών ή επιλογές που έχουν τροποποιηθεί από το χρήστη. Χρησιμοποιούνται επίσης για να θυμούνται τις συνήθειες περιήγησης χρηστών ή για να αποθηκεύουν τη σύνδεση κατά την πλοήγηση από σελίδα σε σελίδα. Στη συνέχεια εμφανίστηκε το HTML5 στη σκηνή και εισήγαγε το LocalStorage ως άλλη επιλογή για την αποθήκευση δεδομένων. Αυτό το νέο αντικείμενο Javascript (καθώς και το SessionStorage) έχει πολύ μεγαλύτερο μέγεθος από τα cookies των 5MB. Σε αυτό το άρθρο, θα συγκρίνουμε και θα συγκρίνουμε τα cookies και το LocalStorage.

Cookies - μικρό αλλά ισχυρό Πρώτον, ας ξεκινήσουμε με βασικές πληροφορίες σχετικά με τα cookies. Θα εξετάσουμε επίσης τα πλεονεκτήματα και τα μειονεκτήματά τους. Τι είναι τα cookies; Σύμφωνα με το Whatarecookies.com, αυτά είναι μικρά αρχεία κειμένου που τοποθετούνται στον υπολογιστή του χρήστη από τον ιστότοπο. Έχουν μέγιστη χωρητικότητα 4KB για πολύ μικρές ποσότητες δεδομένων. Τα cookies χρησιμοποιούνται με διάφορους τρόπους, όπως κατά την αποθήκευση των σελίδων που επισκέπτεστε ή με τα διαπιστευτήρια σύνδεσης. Περιορίζονται από το γεγονός ότι μπορούν να αποθηκεύουν μόνο καλώδια.

Οι περισσότεροι ασφαλείς ιστότοποι χρησιμοποιούν cookies για να πιστοποιήσουν τον εαυτό τους μετά την σύνδεσή τους για να αποτρέψουν την επανάληψη των προσωπικών τους πληροφοριών σε κάθε σελίδα. Μια άλλη χρήση των cookies είναι να προσαρμόσετε ή να προσαρμόσετε την εμπειρία του χρήστη βάσει του περιορισμένου ιστορικού περιήγησης σε αυτόν τον ιστότοπο.

Δύο τύποι cookies - φωτογραφία από την Alia Nadia στο Unsplash

Δύο τύποι cookies Υπάρχουν δύο τύποι cookie: μόνιμα cookies και cookie περιόδου λειτουργίας. Τα cookie περιόδου σύνδεσης δεν καθορίζουν την ημερομηνία λήξης. Αντ 'αυτού, αποθηκεύονται μέχρι να ανοίξει ο περιηγητής ή η καρτέλα. Θα εξαφανιστούν εντελώς όταν κλείσει το πρόγραμμα περιήγησης. Αυτός ο τύπος cookie μπορεί να χρησιμοποιηθεί για την αποθήκευση των προσωπικών πληροφοριών του χρήστη καθώς κατευθύνεται στον ιστότοπό του και τα δεδομένα του έχουν ξεχαστεί.

Τα μόνιμα cookies έχουν ημερομηνία λήξης. Αυτά τα cookies αποθηκεύονται στο δίσκο του χρήστη μέχρι την ημερομηνία λήξης και διαγράφονται οριστικά. Μπορούν να χρησιμοποιηθούν για κάθε άλλη δραστηριότητα, όπως η καταγραφή των συνηθειών χρήστη σε έναν συγκεκριμένο ιστότοπο, για να προσαρμόσετε τις προσωπικές εμπειρίες τους.

Το Macbook είναι μια φωτογραφία rawpixel στο Unsplash

LocalStorage - μια πιο μόνιμη λύση Μετά την έκδοση του HTML5, πολλοί τύποι cookies έχουν αντικατασταθεί από τη χρήση του localStorage. Αυτό συμβαίνει επειδή το LocalStorage έχει πολλά πλεονεκτήματα έναντι των cookies. Μία από τις σημαντικότερες διαφορές είναι ότι, σε αντίθεση με τα cookies, οι πληροφορίες δεν χρειάζεται να στέλνονται εμπρός και πίσω με κάθε αίτημα HTTP. Αυτό μειώνει τη συνολική επισκεψιμότητα μεταξύ του πελάτη και του διακομιστή και τη δυνατότητα ακύρωσης. Αυτό συμβαίνει επειδή τα δεδομένα αποθηκεύονται στο δίσκο του χρήστη και δεν μπορούν να διαγραφούν ή να διαγραφούν όταν χαθεί η σύνδεση στο Internet. Επιπλέον, όπως αναφέρθηκε παραπάνω, το LocalStorage μπορεί να έχει 5MB δεδομένων. Αυτό είναι περισσότερο από 4KB που περιέχει cookies.

Το LocalStorage μοιάζει με μόνιμα cookies όταν λήξει. Εάν δεν γίνει εκκαθάριση από Javascript, τα δεδομένα δεν θα διαγραφούν αυτόματα. Αυτό μπορεί να είναι καλό για μεγάλους όγκους δεδομένων που πρέπει να αποθηκευτούν για μεγάλο χρονικό διάστημα. Επίσης, με το LocalStorage μπορείτε να αποθηκεύσετε όχι μόνο σειρές αλλά και πριμοδότες και αντικείμενα Javascript.

Οι άνθρωποι που επισκέπτονται την ιστοσελίδα - Φωτογραφία από τον John Schnobrich στο Unsplash

Χρήση του LocalStorage Στην πορεία ανάπτυξης του ιστοτόπου μου, μιλήσαμε για την υπεροχή του LocalStorage σε σχέση με τα cookies. Ένα παράδειγμα καλής χρήσης του LocalStorage μπορεί να είναι σε μια εφαρμογή που χρησιμοποιείται σε περιοχές όπου δεν υπάρχει σύνδεση στο Internet. Ο δάσκαλός μου, ο Dani Roxbury, έχει δημιουργήσει προηγουμένως ένα τέτοιο λογισμικό και χρησιμοποίησε το LocalStorage για την προστασία και αποθήκευση δεδομένων που συλλέχθηκαν σε τοπικές συνδέσεις WiFi ή δεδομένων.

Για να γίνει αυτό καλά, το LocalStorage έπρεπε να έχει πολύ χαμηλό κίνδυνο αποθήκευσης δεδομένων σε αυτή την κατάσταση. Για να προστατεύσετε το απόρρητο του πελάτη, είναι καλύτερο να μεταφορτώσετε δεδομένα και στη συνέχεια να διαγράψετε την τοπικά αποθηκευμένη έκδοση όταν δημιουργηθεί η σύνδεση. Είναι επίσης χρήσιμο να κρυπτογραφήσετε τα αποθηκευμένα δεδομένα ώστε να μην σπάσουν εύκολα. Στην ταξική μας συζήτηση, διαπιστώσαμε επίσης ότι τα εξαιρετικά ευάλωτα δεδομένα, όπως τα οικονομικά δεδομένα, δεν αποθηκεύονται ή διατηρούνται σωστά με το LocalStorage.

Συμπέρασμα Αν και αυτές οι επιλογές αποθήκευσης έχουν πλεονεκτήματα και μειονεκτήματα, και οι δύο έχουν πρακτικές εφαρμογές στη σύγχρονη παραγωγή ιστού. Τα cookies είναι μικρότερα και επιστρέφουν πληροφορίες διακομιστή με κάθε αίτημα HTTP, ενώ το LocalStorage μπορεί να αποθηκεύσει δεδομένα σε μια μεγαλύτερη και πλευρά πελάτη.

Κατά την εφαρμογή του επόμενου προγράμματος, σκεφτείτε τις διαφορετικές χρήσεις και αποφασίστε ποιος τύπος αποθήκευσης ταιριάζει καλύτερα.

Αυτή η ιστορία θα δημοσιευθεί στην έκδοση The Startup, τη μεγαλύτερη εταιρική έκδοση στην Κεντρική Ασία, με 3.090.426 άτομα.

Εγγραφείτε για να πάρετε τις καλύτερες εκδηλώσεις μας.