Автономная поддержка HTML5 и как выполнить синхронизацию с серверной базой данных

Я новичок в HTML5, извините, если мой вопрос покажется вам глупым. Я хочу понять автономную емкость HTML5. Цель заключается в том, что разработанное приложение будет сохранять данные в локальной базе данных (браузере), и когда приложение находится в сети, изменения будут отправлены на сервер для синхронизации, аналогично локальная база данных будет периодически синхронизироваться с удаленной базой данных или сервер будет передавать изменения клиенту. Я читал о веб-базах данных HTML5, но обнаружил, что они устарели. Доступна еще одна поддержка, называемая IndexDB. может ли кто-нибудь сказать мне, чтобы выполнить эту задачу, на которой я должен сосредоточиться? Возможно ли это с HTML5 на данный момент?


html offline-caching offline-browsing offline-mode
person Rajesh    schedule 25.07.2012    source источник

Ответы (1)


arrow_upward
6
arrow_downward

Поскольку я не уверен на 100%, что вам нужно.

Вот некоторая качественная информация для чтения по этим темам.

Хранилище:

Погружение в хранилище HTML5 содержит много полезной информации о localStorage.

localStorage работает как key : value, поэтому его довольно легко и приятно использовать.

localStorage.setItem("key", "value");
localStorage.getItem("key");

Офлайн-кеширование:

Я бы посоветовал прочитать об использовании appcache.

Погружение в HTML5 в автономном режиме содержит много полезной информации по этому вопросу.

Обновление вашей базы данных:

Что касается обновления вашей базы данных, вам нужно будет отправить данные из client в server, самый простой способ сделать это - заставить ваш сервер принять HTTP POST с веб-страницы.

Взгляните на jQuery POST. Лучшим способом сделать это, вероятно, будет создание массива вашего локального хранилища и POST массива на сервере. Вы можете попробовать отформатировать это как JSON или XML и т. д.

Ваш веб-сервер здесь должен будет принять HTTP POST, а затем иметь логику для обработки данных, предоставленных клиентом. Например: добавьте его в/обновите базу данных на стороне сервера.

Обратите внимание, что Dive Into HTML5 теперь является открытым исходным кодом и находится на GitHub

person Sphvn    schedule 25.07.2012
comment
@Marrowmaw. API хранилища помогает хранить данные в виде пары ключ-значение. Это хорошо, но как синхронизировать эти данные с серверной БД? - person Rajesh; 25.07.2012
comment
рекомендуется использовать websql/indexDB? - person Rajesh; 25.07.2012
comment
@Rajesh Я обновил ответ, добавив некоторую информацию об использовании HTTP POST с использованием jQuery. Вам также понадобится веб-сервер, чтобы иметь возможность обрабатывать это и обновлять базу данных на стороне сервера данными, которые вы предоставляете. - person Sphvn; 25.07.2012
comment
Я не уверен, что вы используете на стороне сервера, но технически вы можете использовать любую БД, которую хотите. - person Sphvn; 25.07.2012