Fótspor á móti LocalStorage: Hver er munurinn?

Fótspor - mynd af rawpixel á Unsplash

Í langan tíma voru smákökur aðal leiðin til að geyma upplýsingar um notendur sem heimsóttu forritið þitt eða vefsíðu. Þeir voru notaðir til að taka upp þéttar þætti eins og hluti í innkaupakörfu eða valkostum breytt af notanda. Þeir voru einnig notaðir til að muna vafra hjá notendum eða til að halda notanda innskráður meðan hann fór frá síðu til síðu. Þá birtist HTML5 á vettvangi og kynnti LocalStorage sem annan gagnageymslu möguleika. Þessi nýja Javascript hlutur (ásamt SessionStorage) státaði af miklu geymsluplássi en smákökur á 5MB gríðarstórum. Í þessari grein munum við bera saman og andstæða smákökum og LocalStorage.

Smákökur - litlar, en voldugar
Í fyrsta lagi byrjum við á því að kanna grunnupplýsingar um smákökur. Við munum einnig fara yfir nokkra kosti og galla þeirra. Svo, hvað eru smákökur? Samkvæmt whatarecookies.com eru þetta litlar textaskrár sem settar eru á tölvu notanda af vefsíðu. Þeir hafa mjög lítið magn af gögnum við hámarksgetu 4KB. Vafrakökur eru notaðar á mismunandi vegu, svo sem til að geyma síðurnar sem heimsóttar eru á vefsvæði eða innskráningarupplýsingar notanda. Þeir eru takmarkaðir að því leyti að þeir geta aðeins geymt strengi.

Margar öruggar vefsíður nota smákökur til að staðfesta auðkenni notenda sinna eftir að þeir hafa skráð sig inn til að koma í veg fyrir að þeir þurfi að slá inn skilríki sitt á hverri síðu. Önnur notkun fyrir smákökur er að sérsníða eða laga notendaupplifun út frá takmörkuðum vafraferli á vefnum.

Tvær gerðir af smákökum - mynd af Oliya Nadya á Unsplash

Tvær tegundir af smákökum
Það eru tvenns konar smákökur: viðvarandi smákökur og setukökur. Fundakökur innihalda ekki fyrningardagsetningu. Í staðinn eru þær aðeins geymdar svo lengi sem vafrinn eða flipinn er opinn. Um leið og vafranum er lokað glatast hann varanlega. Þessi tegund af smákökum gæti verið notuð til að geyma skilríki banka notanda meðan þeir vafra um á vefsíðu bankans þar sem upplýsingar þeirra gleymdust um leið og flipanum er lokað.

Viðvarandi smákökur hafa gildistíma. Þessar smákökur eru geymdar á diski notandans fram að gildistíma og síðan varanlega eytt. Þeir geta verið notaðir við aðrar athafnir eins og að skrá venja notanda á tiltekinni vefsíðu til að aðlaga upplifun sína í hvert skipti sem þeir heimsækja.

Macbook - mynd af rawpixel á Unsplash

LocalStorage - varanlegri lausn
Eftir að HTML5 kom út kom í stað margra notkunar á smákökum með notkun LocalStorage. Þetta er vegna þess að LocalStorage hefur mikla yfirburði yfir smákökum. Einn mikilvægasti munurinn er að ólíkt með smákökur þurfa gögn ekki að vera send fram og til baka með hverri HTTP beiðni. Þetta dregur úr heildarumferð milli viðskiptavinarins og netþjónsins og sóun á bandvídd. Þetta er vegna þess að gögn eru geymd á staðardiski notandans og ekki eyðilögð eða hreinsuð vegna taps á internettengingu. Eins og áður sagði getur LocalStorage haft allt að 5MB upplýsingar. Þetta er heilmikið meira en 4KB sem smákökur innihalda.

LocalStorage hegðar sér meira eins og viðvarandi smákökur hvað varðar fyrningu. Gögnum er ekki eytt sjálfkrafa nema þeim sé eytt með Javascript kóða. Þetta getur verið gott fyrir stærri bita af gögnum sem þarf að geyma í lengri tíma. Með LocalStorage geturðu ekki aðeins geymt strengi heldur einnig frumefni og hluti af Javascript.

Fólk sem heimsækir vefsíðu - Mynd af John Schnobrich á Unsplash

Notkun LocalStorage
Í bakþróunarnámskeiði mínu fjallaði við um tilvik þar sem LocalStorage væri betri en smákökur. Dæmi um góða notkun LocalStorage gæti verið í forriti sem er notað á svæðum án viðvarandi internettengingar. Kennari námskeiðsins míns, Dani Roxberry, smíðaði slíkt forrit í fortíðinni og notaði LocalStorage til að vernda og geyma gögn sem safnað er á svæðum með spotty WiFi eða gagnatengingum.

Til þess að þetta nýtist LocalStorage vel, þyrfti ógnstig gagna sem eru geymd við þessar aðstæður að vera mjög lágt. Til að vernda friðhelgi viðskiptavina væri gott að hlaða gögnunum upp þegar tenging er komin á aftur og síðan eyða útgáfuna sem er geymd á staðnum. Að auki væri hagkvæmt að dulkóða gögn sem verið var að geyma svo að ekki yrði auðvelt að hakka þau. Í bekkjarumræðum okkar komumst við einnig að því að ekki var hægt að geyma eða tryggja mjög viðkvæm gögn, svo sem fjárhagsupplýsingar, með því að nota LocalStorage með þessum hætti.

Niðurstaða
Þó að þessir geymsluvalkostir hafi jákvæðni og neikvæðni hafa þeir báðir forrit í nútíma þróun vefa. Vafrakökur eru minni og senda upplýsingar um netþjóninn með hverri HTTP beiðni, meðan LocalStorage er stærri og geta haft upplýsingar um viðskiptavininn.

Þegar þú leggur fram næsta forrit skaltu hugsa um þessa ýmsu notkun og ákveða hvaða tegund geymslu hentar þér.

Þessi saga er gefin út í Upphafinu, stærsta frumkvöðlastarfsemi Medium eftir það +390.426 manns.

Gerast áskrifandi að til að fá helstu sögur okkar hér.