local data storage for a web app

Question

I'm making a local web app to be used offline and need a way of 'saving' data locally and also being able to read it. I know javascript doesn't really allow for this except in a sandboxed way. What would be the best way to go about this.

Can I set up a local sever database to store and load the data?

The solution ideally needs to be cross browser compatible, so 'local storage' wouldn't be an option.

thanks

cookies :) Crossbrowser, work offline and everywhere – Slawa Eremin Apr 25 '17 at 23:36 — Slawa Eremin, Apr 25 '17 at 23:36
would work but too limited in size – treeseal7 Apr 25 '17 at 23:39 — treeseal7, Apr 25 '17 at 23:39

score 0 · Answer 1 · answered Apr 25 '17 at 23:16

0

Javascript does allow for this...

https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

Other domains cannot read your domains local storage.

answered Apr 25 '17 at 23:16

Shawn K

779
5
13

Sorry, should have mentioned - it needs to be cross browser compatible, so local storage wouldn't work.. – treeseal7 Apr 25 '17 at 23:31
2

gotcha, yea, i think you'll need the server for that one – Shawn K Apr 25 '17 at 23:33
any ideas about how to go about that? – treeseal7 Apr 25 '17 at 23:40
build an api to save the data and one to serve the data. when the webapp starts load the data from the server and then save it to the server when it's relevant to your needs. – Shawn K Apr 25 '17 at 23:49
If this is solely for local use like a desktop app could u use electron instead of a browser. – Shawn K Apr 26 '17 at 00:14

score 0 · Answer 2 · edited May 23 '17 at 11:46

0

You will need to use html5 localstorage. Take a look at this link for more information Storing Objects in HTML5 localStorage

const someData = { 'a': 0, 'b': 1};

//add to local storage
localStorage.setItem('data', JSON.stringify(someData));

// Retrieve from storage
const retrievedObject = localStorage.getItem('data');

edited May 23 '17 at 11:46

Community

1
1

answered Apr 25 '17 at 23:18

Ali

633
1
9
20

Sorry, should have mentioned - it needs to be cross browser compatible, so local storage wouldn't work.. – treeseal7 Apr 25 '17 at 23:31

score 0 · Answer 3 · answered Apr 25 '17 at 23:42

0

You should check localStorage polyfill: https://github.com/mortzdk/localStorage

This polyfill uses Flash for old browsers and native localStorage for new browsers.

answered Apr 25 '17 at 23:42

Slawa Eremin

5,264
18
28

local data storage for a web app

3 Answers3