LocalStorage er veftækni sem gerir mögulegt að geyma gögn staðbundið í vafra notanda, sem gerir vefforritum kleift að halda upplýsingum án þess að þurfa tengingu við netþjón. Tæknin er hluti af HTML5-stöðlunum og býður upp á einfalda og skilvirka leið til að varðveita gögn milli lota, sem bætir notendaupplifunina með því að gera forrit hraðari og viðbragðsfljótari. LocalStorage er sérstaklega gagnlegt til að geyma stillingar notenda, stöðu forrits eða upplýsingar í skyndiminni sem hægt er að nálgast aftur jafnvel eftir að vafranum hefur verið lokað og hann opnaður á ný.
LocalStorage gerir vefforritum kleift að geyma lykil-gildi-pör í vafra notanda, þar sem gögnin haldast tiltæk þar til forritið eða notandinn eyðir þeim sérstaklega. Með geymslurými sem er yfirleitt 5–10 MB fyrir hvert origin býður LocalStorage upp á varanlega gagnageymsluaðferð sem er tilvalin fyrir forrit sem þurfa hraðan aðgang að gögnum sem ekki eru viðkvæm, án stöðugra samskipta við netþjón. Þetta gerir LocalStorage að vinsælum kosti meðal forritara sem vilja besta afköst og notendaupplifun í nútímalegum vefforritum.
LocalStorage er veftækni sem gerir mögulegt að geyma gögn staðbundið í vafra notandans, sem gerir vefforritum kleift að halda upplýsingum varanlega án samskipta við netþjón. Þessi virkni er tilvalin fyrir forrit sem krefjast hraðs aðgangs að gögnum, þar sem hún útrýmir þörfinni fyrir endurteknar beiðnir til netþjóns, sem bætir bæði afköst og notendaupplifun. LocalStorage getur geymt um 5 MB af gögnum fyrir hvert origin og er aðgengilegt með JavaScript, sem gerir forriturum auðvelt að innleiða það. Gögnin haldast tiltæk jafnvel eftir að vafranum hefur verið lokað, sem gerir LocalStorage að hagnýtu verkfæri til að geyma óskir notenda, stöðu forrits og önnur varanleg gögn. Hvað öryggi varðar er mikilvægt að hafa í huga að gögn í LocalStorage eru ekki dulkóðuð og því ætti ekki að nota það fyrir viðkvæmar upplýsingar.
Meira um LocalStorage
LocalStorage er öflug veftækni sem gerir mögulegt að geyma gögn staðbundið í vafra notandans og veitir hraðan og varanlegan aðgang að upplýsingum án beiðna til netþjóns. Þessi geta er einn af lykileiginleikunum sem gera LocalStorage sérstaklega vel til þess fallið að nota í forritum þar sem aðgangur án nettengingar og hröð gagnasókn skipta sköpum, svo sem í vefforritum sem þurfa varanlegar notendastillingar, gögn í skyndiminni og einfalda stöðu forrits.
Tæknilega er LocalStorage hluti af Web Storage API, sem er innbyggt í nútímalega vafra. Það gerir JavaScript kleift að geyma lykil-gildi-pör sem strengi í geymslu vafrans á tækinu, þar sem gögnin haldast tiltæk jafnvel eftir að vafranum hefur verið lokað og hann opnaður á ný. Þetta gerir LocalStorage bæði hagnýtt og skilvirkt til margs konar nota, þar sem ekki þarf samskipti við netþjón til að sækja geymd gögn.
Hægt er að nota LocalStorage við nokkrar ólíkar aðstæður, sem hver styður ólíka tegund gagnameðhöndlunar:
Varanleg gagnageymsla: LocalStorage er notað til að geyma gögn sem verða að vera tiltæk milli vafralota. Þetta geta verið óskir notanda, stillingar eða forritsgögn sem verður að halda jafnvel þegar notandinn lokar vafranum. Þessi virkni er oft notuð til að bæta notendaupplifunina með því að muna val og stillingar notandans.
Aðgangur án nettengingar: Hægt er að nota LocalStorage til að geyma gögn sem þarf til að keyra vefforrit án nettengingar. Þetta gerir notendum kleift að halda áfram að nota forritið jafnvel án nettengingar og hægt er að samstilla gögnin þegar tengingin kemst aftur á.
Staða forrits: Einnig er hægt að nota LocalStorage til að geyma stöðu sem þarf að halda á meðan notandinn notar forritið, svo sem tímabundin gögn sem þarf til að halda staðsetningu notandans í forritinu. Lotutóka og önnur leyndarmál ætti ekki að geyma hér, þar sem hvaða skrifta sem er á síðunni getur lesið þau.
Einn mesti styrkur LocalStorage er einfaldleikinn og aðgengið. Gögnin eru geymd beint í vafranum, sem þýðir að auðvelt er að nálgast þau án flókinnar uppsetningar netþjóna eða gagnagrunna. Gögnin eru auk þess aðeins aðgengileg því origin sem geymdi þau, sem dregur úr hættu á aðgangi frá öðrum vefsíðum. LocalStorage er þó ekki dulkóðað og hvaða skrifta sem er á sama origin getur lesið það, svo ekki ætti að geyma viðkvæm gögn án viðbótaröryggisráðstafana.
Létt eðli LocalStorage er annar mikilvægur kostur. Fyrir lítið gagnamagn er það hratt og einfalt í notkun. Þar sem API-ið er samstillt geta mikil eða tíð lestur og skrif þó stíflað aðalþráð vafrans, og þess vegna er IndexedDB betri kostur fyrir meira gagnamagn.
Í framkvæmd hefur LocalStorage auðveldað smíði vefforrita með viðbragðsfljótari og notendavænni upplifun. Það er notað í öllu frá einföldum vefforritum sem muna stillingar notandans til flóknari forrita sem krefjast virkni án nettengingar og varanlegrar gagnameðhöndlunar.
Í stuttu máli er LocalStorage tækni sem sameinar einfaldleika, varanlega gagnageymslu og skilvirkni í lausn sem gerir vefforrit traustari og aðgengilegri. Hæfni þess til að virka án samskipta við netþjón gerir það að mikilvægu verkfæri í nútímalegri vefþróun, þar sem hraðar og áreiðanlegar lausnir til gagnameðhöndlunar eru nauðsynlegar.
Algengar spurningar um LocalStorage
Hvað er LocalStorage og hvernig er það frábrugðið sessionStorage?
LocalStorage er vefgeymslutækni sem gerir mögulegt að geyma gögn staðbundið í vafra notandans án gildistíma. Þetta þýðir að gögnin haldast tiltæk jafnvel eftir að vafranum hefur verið lokað og hann opnaður á ný, sem gerir það tilvalið til að geyma varanleg gögn sem þurfa að vera tiltæk milli lota.
Ólíkt LocalStorage er sessionStorage hannað til að geyma gögn aðeins á meðan ein síðulota varir. Gögnunum í sessionStorage er sjálfkrafa eytt þegar flipanum eða glugga vafrans er lokað, sem gerir það hentugt fyrir tímabundin gögn sem aðeins er þörf fyrir á meðan notandinn er virkur á tiltekinni síðu eða í tilteknu forriti.
Báðar tæknirnar eru hluti af Web Storage API og bjóða upp á skilvirkari leið til að meðhöndla gögn hjá biðlaranum en hefðbundnar vafrakökur, þar sem þær eru ekki sendar með hverri HTTP-beiðni. Þær eru þó ekki öruggari en vafrakökur að öllu leyti: ólíkt HttpOnly-vafrakökum getur JavaScript á síðunni alltaf lesið Web Storage.
Hvernig er hægt að nota LocalStorage til að bæta notendaupplifun í vefforritum?
LocalStorage er öflug veftækni sem getur bætt notendaupplifun í vefforritum með því að geyma gögn staðbundið á tæki notandans. Það gerir mögulegt að halda gögnum varanlega, sem þýðir að upplýsingarnar haldast tiltækar jafnvel eftir að vafranum hefur verið lokað eða tölvan endurræst.
Einn mesti kostur LocalStorage er að það getur dregið úr þörfinni á að sækja gögn ítrekað frá netþjóninum, sem skilar sér í styttri hleðslutíma og viðbragðsfljótari notendaupplifun. Til dæmis er hægt að geyma óskir notanda, stillingar eða tímabundin gögn staðbundið svo forritið geti lagað sig að þörfum notandans án tafar.
Í samanburði við sessionStorage, sem heldur gögnum aðeins á meðan ein lota varir, býður LocalStorage upp á varanlegri lausn sem er tilvalin fyrir forrit þar sem halda þarf gögnum yfir lengri tíma. Þetta gerir LocalStorage að góðum kosti fyrir einfalda virkni án nettengingar, þar sem notendur geta haldið áfram að nota forritið án virkrar nettengingar.
Ólíkt vafrakökum er LocalStorage ekki sent sjálfkrafa með hverri HTTP-beiðni, sem dregur úr óþarfa gagnaflutningi. LocalStorage hentar þó ekki til að geyma viðkvæmar upplýsingar, þar sem hvaða JavaScript sem er sem keyrir á síðunni getur nálgast gögnin.
Í heimi þar sem notendaupplifunin er í fyrirrúmi gerir LocalStorage forriturum kleift að smíða hraðari, skilvirkari og persónulegri vefforrit sem geta lagað sig að þörfum og óskum notandans.
Hvaða öryggisatriði ætti að hafa í huga þegar LocalStorage er notað?
LocalStorage er hagnýtur eiginleiki í nútímalegum vöfrum sem gerir mögulegt að geyma gögn staðbundið á tæki notandans. Það er hluti af Web Storage API og getur geymt um 5–10 MB af gögnum fyrir hvert origin, sem gerir það hentugt til að geyma óskir notenda og stöðu forrits. LocalStorage fylgja þó öryggisatriði sem taka ætti tillit til í því skyni að vernda gögn notenda.
Eitt helsta öryggisáhyggjuefnið varðandi LocalStorage er að gögnin eru geymd sem hreinn texti og JavaScript-kóði sem keyrir á sama origin getur nálgast þau. Þetta þýðir að ef árásaraðila tekst að keyra spilliforritakóða á vefsíðunni getur hann hugsanlega nálgast viðkvæmar upplýsingar sem geymdar eru í LocalStorage. Því er mikilvægt að forðast að geyma viðkvæm gögn á borð við lykilorð, tóka eða persónuupplýsingar í LocalStorage.
LocalStorage er einnig berskjaldað fyrir cross-site scripting-árásum (XSS), þar sem árásaraðili sprautar spilliforritakóða inn í vefforrit. Til að lágmarka hættuna á XSS-árásum ættu forritarar að tryggja að allt inntak sé staðfest og úttak escape-að rétt og nota Content Security Policy (CSP) til að takmarka hvaða skriftur geta keyrt á síðunni.
Í samanburði við lotustjórnun á netþjóni, þar sem gögn eru geymd á öruggan hátt á netþjóninum, krefst LocalStorage þess að forritarar gefi öryggisvenjum sérstakan gaum. Vert er að íhuga valkosti á borð við lotuvafrakökur, þar sem hægt er að gera þær öruggari með eigindum á borð við HttpOnly, Secure og SameSite.
Hvernig eru JSON-gögn geymd í og sótt úr LocalStorage?
LocalStorage er hluti af Web Storage API og hentar vel til að geyma lítið magn JSON-gagna, með um 5 MB geymslurými fyrir hvert origin.
Til að geyma JSON-gögn í LocalStorage þarf fyrst að breyta gögnunum í streng, þar sem LocalStorage getur aðeins geymt gögn sem texta. Þetta er gert með aðferðinni JSON.stringify(), sem breytir JavaScript-hlut í JSON-streng. Að því loknu er hægt að geyma gögnin með aðferðinni localStorage.setItem() með því að tilgreina lykil og strenginn sem á að geyma.
Til að sækja JSON-gögn úr LocalStorage er aðferðin localStorage.getItem() notuð, sem skilar geymda strengnum fyrir viðkomandi lykil. Síðan er hægt að breyta strengnum aftur í JavaScript-hlut með aðferðinni JSON.parse(). Þetta gerir mögulegt að vinna með gögnin á upprunalegu formi.
Í samanburði við sessionStorage, sem heldur gögnum aðeins þar til flipanum er lokað, er LocalStorage varanlegri lausn sem er tilvalin fyrir forrit sem þurfa að halda gögnum yfir lengri tíma. Mikilvægt er þó að hafa í huga að LocalStorage hentar ekki til að geyma viðkvæm gögn, þar sem það er ekki dulkóðað og allar skriftur sem keyra á sama origin geta nálgast það.
Hver eru dæmigerð takmörk á því gagnamagni sem hægt er að geyma í LocalStorage?
Ein af dæmigerðum takmörkunum LocalStorage er það gagnamagn sem hægt er að geyma.
Flestir nútímalegir vafrar setja hámark um 5 MB fyrir hvert origin, sem þýðir að vefforrit getur geymt allt að um 5 MB af gögnum í LocalStorage fyrir hverja samsetningu samskiptareglu, léns og gáttar. Hámarkið er sett til að koma í veg fyrir að eitt vefforrit noti of mikið af staðbundnu geymslurými notandans, sem gæti haft áhrif á afköst vafrans.
Í samanburði við aðra geymslukosti á borð við IndexedDB, sem býður upp á meiri sveigjanleika og stærra geymslurými, er LocalStorage takmarkað bæði að stærð og virkni. LocalStorage er þó enn vinsæll kostur fyrir einfaldar geymsluþarfir, þar sem auðvelt er að innleiða það og nálgast og það krefst hvorki viðbótarstillinga né heimilda frá notandanum.
Hvernig er hægt að hreinsa eða eyða tilteknum gögnum úr LocalStorage?
LocalStorage er hannað til að vera varanlegt, sem þýðir að gögnin haldast geymd jafnvel eftir að vafranum hefur verið lokað. LocalStorage er sérstaklega gagnlegt til að geyma óskir notenda eða forritsgögn sem ekki krefjast geymslu á netþjóni.
Hægt er að hreinsa eða eyða tilteknum gögnum úr LocalStorage með einföldum og árangursríkum JavaScript-aðferðum. Til að eyða tilteknu lykil-gildi-pari er aðferðin removeItem() notuð, sem tekur við heiti lykilsins sem á að fjarlægja. Ef ósk notanda hefur til dæmis verið geymd undir lyklinum 'userTheme' er hægt að eyða henni með því að kalla á localStorage.removeItem('userTheme').
Til að hreinsa öll gögn úr LocalStorage er aðferðin clear() notuð, sem fjarlægir alla lykla og gildi sem geymd eru í LocalStorage fyrir viðkomandi origin. Þetta getur verið gagnlegt til að endurstilla stöðu forritsins eða eyða öllum notendagögnum við útskráningu. Einfaldlega þarf að kalla á localStorage.clear() til að framkvæma þessa aðgerð.
Í samanburði við sessionStorage, sem heldur gögnum aðeins á meðan ein lota varir og er eytt þegar flipanum er lokað, er LocalStorage varanlegra og krefst því handvirkrar eyðingar þegar ekki er lengur þörf fyrir gögnin. Þetta gerir það að öflugu verkfæri fyrir vefforritara sem vilja bæta notendaupplifunina með því að geyma gögn staðbundið.
LocalStorage fyrir byrjendur
LocalStorage er sniðugur eiginleiki í vöfrum sem gerir vefsíðum kleift að geyma litla upplýsingabúta beint á tölvunni. Hugsaðu um það sem litla stafræna minnisbók þar sem vefsíður geta skrifað niður það sem þær vilja muna fyrir næstu heimsókn. Netverslun getur til dæmis geymt það sem sett hefur verið í innkaupakörfuna, svo það sé enn þar þegar viðskiptavinurinn kemur aftur síðar. Þetta er auðveld og fljótleg leið fyrir vefsíður til að muna óskir og gera upplifunina persónulegri, án þess að þurfa að skrá sig inn eða stofna aðgang. LocalStorage virkar aðeins á tækinu og í vafranum sem er notaður og hver vefsíða sér aðeins sín eigin gögn, en það er ekki dulkóðað og ætti því aldrei að geyma viðkvæmar upplýsingar.