Jak zaimplementować aplikację do obsługi pojedynczej strony w trybie offline z Breeze.js i lokalną pamięcią HTML5

Question

Mam działającą aplikację Single Page, używając Breeze.js do dostępu do danych. Używa Breeze.js do wykonywania zapytań w lokalnej pamięci podręcznej, a dane są wymagane tylko raz podczas uruchamiania. Tylko aktualizacje danych są później odsyłane na serwer.

Szukam rozwiązania, aby połączenie aplikacji było świadome. Jeśli urządzenie mobilne nie ma połączenia z Internetem, zmiany zostaną zapisane lokalnie za pomocą lokalnego magazynu Breeze.js i HTML5. Gdy urządzenie mobilne powróci do trybu online, zmiany zostaną zsynchronizowane ze zdalnym przechowywaniem danych.

Jakieś wytyczne dotyczące wdrożenia tego wymogu? Dzięki

Answer 1

Wygląda jak HTML5 zapewnia 5MB lokalny magazyn, który utrzymuje się do czyszczenia i jest przydatny do przechowywania wartości JSON z XMLHttpRequest.

Właściwość HTML 5 navigator.onLine zapewnia wykrywanie w trybie offline. Prawda, jeśli on-line, false jeśli nie

var nav = window.navigator; 
if(nav.onLine) { 
    // do HMLHttpRequests etc 
} 
window.addEventListener('online', function() { }); 
window.addEventListener('offline', function() { }); 

Aby uzyskać więcej informacji sprawdź Building Hybrid Mobile Applications with HTML5

Answer 2

@mitaka wskazał do wykrywania zmian połączenie.

Aby użyć BreezeJS do zapisywania jednostek w pamięci lokalnej, temat "Export/Import" w dokumentacji BreezeJS dostarcza cennych wskazówek. Plik "exportImportTests.js" w próbce "DocCode" demonstruje niektóre z technik tam opisanych.