Aplikacje offline w HTML5

W rozdziale:

Wprowadzenie do aplikacji offline
Manifest
Przepływ zdarzeń
Usuwanie błędów
Przykład

Do rzeczy

Co to jest aplikacja sieciowa offline? W pierwszej chwili wydaje się, że to sprzeczność. Strony internetowe przecież pobiera się z internetu i wyświetla w przeglądarce. Żeby coś pobrać z internetu, trzeba być z nim połączonym. Jak można coś pobrać nie mając połączenia z internetem? Oczywiście nie da sie. Ale można pobrać wszystko, co potrzeba będąc online. Taka jest właśnie zasada działania aplikacji offline HTML5.

Najprościej rzecz ujmując aplikacja sieciowa offline to lista adresów URL — plików HTML, CSS, JavaScript, obrazów i innych zasobów. Na stronie głównej takiej aplikacji znajduje się odnośnik do tej listy, zwanej plikiem manifestu będącym zwykłym plikiem tekstowym umieszczonym gdzieś na serwerze. Przeglądarka obsługująca aplikacje offline HTML5 odczyta tę listę adresów URL z manifestu, pobierze zasoby, zapisze je na lokalnym dysku i będzie automatycznie aktualizować dane, gdy coś się w nich zmieni. Gdy będziesz korzystać z aplikacji bez połączenia z internetem, przeglądarka automatycznie będzie serwować lokalne kopie plików.

Jak dokładnie to będzie wyglądać zależy od ciebie. W DOM jest dostępny znacznik informujący czy internet jest podłączony czy nie. Istnieją zdarzenia wyzwalane w reakcji na zmianę stanu połączenia (w jednej chwili jesteś podłączony, a w innej nuż nie i odwrotnie). I to w zasadzie wszystko. Jeżeli aplikacja utworzy jakieś dane albo zapisze jakiś stan, to twoim zadaniem jest zapisać te dane na lokalnym dysku gdy nie ma połączenia z internetem i synchronizacja ich z serwerem, gdy tylko takie połączenie się pojawi. Innymi słowy dzięki HTML5 aplikacje mogą działać offline. Sam decydujesz, co będziesz robić.