Создание автономного приложения HTML5 с сохранением времени хранения

Question

Мне нужно создать приложение HTML5, которое загружает контент при подключении к Интернету. После этого вы можете потерять соединение и продолжать работать над ним. Когда соединение доступно, оно должно синхронизировать все данные с сервером. Он должен сохранять данные за перезапуском программы/браузера. Я думаю, Slack и Visual Studio Code написаны таким образом.

Согласно моим исследованиям, я должен использовать Manifest file загрузить ресурсы и использовать File API

На данный момент я обнаружил, что Chrome devTools лучше всего подходит для этой цели.

Есть ли у вас другие идеи, как я могу создать такое приложение? Важно то, что это должно быть кросс-платформенный.

Answer 1

Вы посмотрели NW.js?

Это компактный каркас для создания html-приложений, работает на linux/win/OSX.

Answer 2

Вот некоторые из моих опытов, работающих с такого рода приложений:

• Для создания кросс-платформенных HTML5 мобильных приложений, вы можете использовать Apache Cordova. Есть много пуганов для кордовы, которые имеют доступ к вашему устройству, например. сетевой плагин, который может читать тип соединения (Wi-Fi/сотовая связь) или онлайн-статус. Поэтому это, безусловно, лучшее решение, чем классический веб-сайт.

• Чтобы управлять своими данными на вашем приложении локально на телефоне, вы можете использовать одностраничную Javascript MVC-Framework. EmberJS вместе с Ember-Data имеет отличные возможности для управления моделями и отношениями модели. Существует адаптер localStorage, который позволяет вам использовать локальную хранилище HTML5 без какой-либо дополнительной настройки. (Существует даже проект ember-sync, который соответствует вашим требованиям, но поскольку он находится в альфа-фазе, вы, вероятно, не хотите его использовать в производстве)

• Как я уже говорил, локальная хранилища HTML5, вероятно, вы хотите использовать для сохранения данных на телефоне пользователя. Однако, если ваши данные становятся слишком большими для localStorage (~> 5 МБ), вы можете положиться на SQLite-плагин cordova. Вам не нужно будет использовать File-API самостоятельно.

• Как вы указали, хром-dev-tools - отличный способ для отладки вашего приложения. Они работают безупречно для веб-просмотров cordova. Кроме того, Safari имеет возможности удаленного отладки для устройств iOS. Но лучший тонкий: вы можете писать и отлаживать большую часть своего приложения в своем браузере, поскольку это HTML/JS/CSS-based. Ember улучшил обработку ошибок в течение последних выпусков, а с расширением google chrome ember-inspector также помогает во многих случаях.

В общем, так как Cordova раньше болезненным иногда, он пришел в состояние здесь вы можете с ним работать очень продуктивно и эффективно. То же самое касается Ember и Ember-Data. Просто попробуй. Удачи!