ASUS Webstorage: что это за программа и насколько целесообразно использование этого сервиса?

В наше время, когда объемы информации исчисляются уже даже не гигабайтами, а терабайтами, практически все мировые IT-корпорации создали для своих клиентов специализированные хранилища, доступ к которым можно получить практически из любой точки земного шара и с любого устройства (был бы выход в интернет). Одним из относительно новых сервисов можно назвать Webstorage. Что это за программа, устанавливаемая по умолчанию на ноутбуках ASUS (именно эта корпорация является создателем данного хранилища), далее и попробуем разобраться. Соответственно, затронем сильные и слабые стороны этого хранилища, а также посмотрим, можно ли избавиться от этого программного обеспечения.

Webstorage: что это за программа?

Начнем с того, что назвать этот сервис либо программой, либо хранилищем, расположенным на удаленном сервере, нельзя в принципе, поскольку он совмещает в себе и то, и другое. С одной стороны, действительно, Webstorage является именно сервисом по хранению любых пользовательских файлов на удаленном сервере с обеспечением к ним доступа с любого устройства и даже несколькими пользователями одновременно (при наличии соответствующих зарегистрированных аккаунтов).

Если говорить о том, что это за программа, Webstorage представляет собой «вшитое» в ноутбуки ASUS специализированное приложение, которое находится предустановленном виде, хотя в состав основных компонентов Windows и не входит. Собственно, в чем-то этот программный продукт напоминает многие известные сервисы вроде того же OneDrive (SkyDrive), Google Drive, Dropbox и т. д., но как уже понятно, изначально инсталлируется в качестве предпочитаемого удаленного хранилища исключительно на компьютерных устройствах ASUS. Но у многих возникают законные вопросы по поводу того, что такое Webstorage в «Виндовс 10» и как уживаются два аналогичных программных продукта в одной системе, ведь весьма сомнительным выглядит, что Microsoft согласится уступить пальму первенства в виде OneDrive конкурентам. По по всей видимости, существует какое-то негласное соглашение, которое и обуславливает наличие предустановленного приложения ASUS в операционных системах от Microsoft.

Основные достоинства и недостатки сервиса

Для чего нужна программа Webstorage, думается, понятно и так. Основным назначением хранилища является предоставление всем зарегистрированным пользователям персонального дискового пространства для хранения собственных файлов или даже резервных копий, создаваемых в операционной систем для быстрого доступа, редактирования или загрузки. При этом программа автоматически синхронизируется с удаленным сервером. Достаточно поместить в соответствующую папку на компьютере новые файлы, как он тут же будут переданы в сервис. С другой стороны, как и многие облачные хранилища, Webstorage позволяет добавлять пользователей, которые могут получить доступ к имеющейся там информации. При наличии соответствующих клиентских апплетов синхронизация может быть произведена практически со всеми мобильными девайсами, и при этом можно производить привязку одного пароля к нескольким регистрациям. К тому же прямо в сервисе можно отправлять файлы друзьям и знакомым, у которых есть такие же аккаунты (стандартная функция Share).

Вроде бы все удобно и хорошо, но многим (особенно на постсоветском пространстве) это сервис пришелся не по душе. Во-первых, на сегодняшний день выделение бесплатного дискового пространства ограничено всего 5 Гб, которое можно увеличить до 15 путем дополнительной регистрации в Microsoft, а вот за 500 Гб придется заплатить порядка 90 долларов в год. И это при том что тот же «Яндекс.Диск» изначально позволяет подключить бесплатно аж 300 Гб.

Но самое главное, что явно отпугивает пользователей, это проблема загрузки файлов на жесткий диск из хранилища Webstorage. Что это за программа, в которой, например, объемы около 5-6 Гб скачивать нужно неделю (а то и больше)? Тут – явный минус. Кроме того, очень многие пользователи сетуют на недоработанный интерфейс и некоторое неудобство управления основными элементами. Но здесь, как говорится, на вкус и цвет…

Регистрация пользователя

Процесс регистрации достаточно прост. Пользователю необходимо зайти на официальный ресурс хранилища, ввести действующий адрес электронной почты, придумать и подтвердить пароль, после чего по ссылке в полученном письме закончить регистрацию.

Насколько это целесообразно, каждый решает сам.

Можно ли удалить Webstorage и как это сделать?

Если же ни хранилище, ни предустановленная программа вам не нужны, избавиться от нее на собственном ноутбуке можно достаточно просто, даже несмотря на то, что приложение является как бы «вшитым» в системную оболочку.

Удалить ее стандартными методами получается, но попробовать можно.

А вот при использовании продвинутых деинсталляторов вроде iObit Uninstaller процесс удаления выглядит максимально простым и полным, поскольку программа не только автоматически чистит остатки на жестком диске и в системном реестре, но еще никогда не спрашивает разрешения на удаление того или иного (пусть даже системного) приложения. После деинсталляции ничего катастрофичного не случится, а система будет работать, как и прежде (разве что файлы в хранилище не сможете забросить).

Итог

Вот кратко и все, что касается сервиса Webstorage. Что это за программа, разобрались. Нужна она пользователю или нет, однозначно ответить сложно, хотя ввиду того, что сегодня можно найти массу более перспективных разработок, можно с высокой долей уверенности утверждать, что при текущем состоянии сервиса особого смысла в его использовании нет. Но, согласно западной статистике, где это хранилище пользуется популярностью, по разным оценкам, число зарегистрированных пользователей находится на уровне 24-30 миллионов.

Похожие статьи

Предназначение ASUS Webstorage

С названия понятно, кто является разработчиком этого сервиса. Думаю, не стоит рассказывать, что это за компания. А кто не знает, может заглянуть в Гугл или Wiki.

Стоит отметить, что многие IT-гиганты уже давно предоставляют своим пользователям возможность «облачного» хранения данных. Думаю, Вам известны такие понятия, как Google Drive, Яндекс Диск, Dropbox, Skydrive. Но ASUS Webstorage – это нечто иное. В этом случае информация также располагается на отдаленном сервере с повышенным уровнем защиты, но для получения доступа к ней не обязательно использовать специальные приложения, установленные на своих гаджетах (ноутбуке, смартфоне).

Сервис не пользуется особой популярностью в странах СНГ, но за рубежом – картина совсем другая. На данный момент количество активных юзеров перевалило за 30 миллионов человек. Неплохой показатель, согласитесь. Но лично мне АСУС Вэбсторидж не сильно понравился. Может из-за того, что я привык к Dropbox. Ну, судить не мне.

Основные особенности следующие:

• Вы можете автоматически создавать резервные копии и отправлять их в «облако»;
• Поддерживается синхронизация с мобильными устройствами посредством одного аккаунта;
• Можно предоставлять доступ другим пользователям с разными допусками (просмотр, редактирование);
• Вся информация надежно шифруется, чтобы посторонние не смогли воспользоваться ценными данными.

Если Вы хотите обезопасить свои файлы, то можете смело довериться ASUS. Вам выделят 5 Гб свободного пространства на бесплатной основе. Но если хотите больше, то придётся заплатить, согласно действующей тарифной сетке. Для чего нужна программа Webstorage мы чуть разобрались. Теперь перейдем к практической части.

Регистрация в сервисе ASUS Webstorage

Эта процедура не отличается запутанностью.

• Просто переходите по ссылке и нажимаете на большую кнопку «Зарегистрироваться». Если же аккаунт уже создан ранее, то ниже увидите надпись – «Войти».
• Далее вводим в форму свой действующий e-mail (в поле ID), а ниже указываем дважды придуманный пароль, ставим галочку для согласия с условиями:

• В следующем окне подтверждаем введенные данные, после чего получаем на почту письмо с активацией.

Обратите внимание, что можно пользоваться и без подтверждения, но тогда Вам предоставят лишь 3 Гб памяти. А еще два получите после клика по активационной ссылке в письме.

• Теперь входим в систему используя ранее указанные регистрационные данные и видим окно «MySyncFolder». Именно в эту папку будут помещаться синхронизированные с ПК или других девайсов файлы:

• Сверху располагаются элементы управления (создание папок, коипрованиеперемещение, архивация, удаление и т.д.). Слева можете видеть каталоги избранных материалов, информации с совместным доступом, общие ссылки. В правом верхнем углу есть поисковая строка (пригодится в будущем, когда файлов станет много) и настройки аккаунта. Чтобы поледиться (расшарить) любой объект из своего перечня, достаточно кликнуть по нему правой кнопкой мышки и выбрать соответствующий пункт «Share».

Можно скачать программу для ПК, чтобы удобнее работать с информацией. Помимо этого, доступна установка приложения на Андроид.

Автор рекомендует:

Очевидные минусы ASUS Webstorage

Если плюсы я перечислил выше (признаюсь, явных преимуществ перед аналогами я не заметил), то минусы следующие:

• Низкая скорость загрузки на сервер. То же самое можно сказать и о скачивании на компьютер. Лично я не пробовал «заливать» крупные объекты, но на форумах читал, что архив размером чуть более 5 Гб передавался больше семи дней. Но мелкие файлики закидывает относительно быстро;
• Интерфейс пока сыроват, в нем нет всех «плюшек», которые представлены у Яндекса или Google;
• Пять «гигов» — явно маловато, а платить деньги не все согласны. Не хочу хвастаться, но у меня в «облаке» от Yandex доступно более 300 Гб на халяву. И 5 Gb мне как-то не делают погоду.

Ну это лично мое мнение!

Asus Webstorage — что это за программа и нужна ли она разобрались. Я высказался субъективно, и хотелось бы узнать, что Вы думаете по этому поводу. Будете пользоваться хранилищем АСУС? Как Вам скорость? Поделитесь личными наблюдениями в комментах, пожалуйста.

18.11.201710:383065 Виктор Фельк Информационный портал IT Техник

ASUS webstorage что это за программа?

Добрый день. Я сам об этом ресурсе узнал не так давно. Это хранение вашей информации в сервисе компании ASUS. Что-то вроде облачного хранения информации данной компании. Этот облачный сервис, как и похож, так и отличается от других подобных. В нём есть как преимущества, так и минусы, по сравнению с другими похожими сервисами.

Я думаю, прочитав название, вы уже поняли владелец сервиса webstorage. Поэтому, про компанию мы говорить не станем. Если кто интересуется, может посмотреть в Яндексе или Википедии. Многие компании уже довольно давно дают возможность людям сохранять свои данные в облачном пространстве.

К примеру, взять тот же Google, Yandex, Mail и прочие похожие компании.

Что интересно, webstorage несколько отличается от подобного хранения информации. Отличие это в основном основано на более высоком уровне сохранности данных. Также для того, чтобы попасть к своей информации на этом сервисе, нет необходимости применять определённые программы, которые люди устанавливают на ПК, телефоне и прочих приборах.

Данное облако на настоящее время в Рунете не особо популярно. Но, оно в Буржунете набирает всё больше поклонников, которых на данный момент более 30000000 пользователей. Число приличное. Скорее всего, я привык к обычным наших облачным серверам, вроде Яндекса, поэтому от сервиса ASUS пока не в особом восторге.

Какие у webstorage преимущества?

1. Можно делать копии системы и посылать их на данный сервис.
2. Есть возможность дать доступ к данным вашим друзьям с меньшим допуском. Например, они смогут просмотреть информацию, но не смогут внести изменения.
3. Это облако отлично синхронизируется с различными гаджетами и прочими устройствами.

Что ещё добавим? Данные находятся под надёжным шифром. Злоумышленники вашу информацию похитить не смогут. Если вам это уже нравится, можно смело регистрироваться. В этом случае, вы получите целых пять гигабайт дискового пространства бесплатно! Если же вы желаете получить больший объём этого облака, придётся раскошелиться. У webstorage есть свои тарифы. Итак, вам стало ясно, в чем необходимость данного облака. Но, теперь для желающих, давайте разберём процесс регистрации.

Как зарегистрироваться в webstorage?

Сама регистрация довольно проста. Итак, проходим по ссылочке. Попадаем на англоязычный интерфейс. Но, Яндекс Браузер отлично переводит. Итак, выбираем «подписаться». Затем вводим название страны и дату рождения. Жмём «Далее», переходим на второй этап.

Вводим адрес с паролем и «далее».

Подписываемся под обязательными функциями, и игнорирует необязательные (новости, то есть спам, мне не нужны).

В новом окошке нажимаем «i agree», что означает «я согласен».

Теперь переходим непосредственно в окно сервиса. 1 Тб у них стоит всего каких-то 13,49$. Так что, желающие получить терабайт – вперёд! После регистрации, незабываем подтвердить свою личность по ссылочке в письме, в этом случае вы и получаете 5 Гб памяти. Иначе, всего 3 Гб.

Войдя в окно сервиса, выбираем слева меню MySyncFolder. В данную папочку вы и будете теперь помещать важную информацию с разных гаджетов. Чтобы добавить какаю-ни будь папочку, жмём «Добавить».

Сразу вы в элементах управления не разберётесь, но, со временем привыкните. По сути, сервис мало отличается от похожих, взять тот же Яндекс. Советую походит по сайту, по изучать меню, и приступать к загрузке файлов. Также, советую обратить внимание на строку «поиск» вверху справа. Когда у вас различных папочек будет приличное количество, им будет пользоваться намного удобнее, чем просто просматривать ворох документов.

Мы сейчас вкратце рассмотрели облако webstorage. Также, разобрали его плюсы. Теперь, предлагаю также вкратце рассмотреть минусы данного сервиса.

Недостатки сервиса webstorage

Итак, достоинства сервиса мы перечислили, главным из которых является хорошее шифрование информации. Но, особых достоинств этого облака, по сравнению с конкурентами, я не увидел.

1. У этого сервера довольно небольшая скорость загрузки информации. Не только загрузки, но и выгрузки на ваше устройство. Я от коллег слышал, что большие файлы размером более пяти гигабайт загружались целую неделю! Не знаю, правдива информация, или нет. Лично я сомневаюсь. Зато, объекты небольшого размера закачиваются довольно быстро!
2. Дизайн облака пока ещё недоработан. Не очень удобен. Также, сервис даёт бесплатно всего 5 Гб, а это мало. Тот же Яндекс 10 Гб. А учитывая различные акции, и того больше. Google же даёт целых 15 Гб, а Маил 25 Гб. Вот и думай после этого, каким облаком пользоваться. Не стоит забывать, что у вас может быть несколько аккаунтов от Гугла, Майла, и Яндекса. А это уже десятки Гб!
3. Цена. Согласитесь, что не всякий пользователь станет оплачивать 13,5$ за 1Тб памяти, притом иностранному сервису. Многие люди со всеми поблажками, Акциями и подарками, получили от Yandex бесплатно более 100 Гб на одного человека. Например, я в честь пятилетия моего аккаунта, получил дополнительно 4 Гб объёма. Немного, но, мне было приятно!

Но, как говорится, на вкус и цвет. Я выражаю свою точку зрения. Вполне возможно, что кому-то из вас этот сервис придётся очень даже по душе. Скажу сразу, я не знаю всех его особенностей! Также, я подозреваю, что по поводу скорости загрузки и скачивания, данный сервис всё наладит и ускорит!

А вы пользовались сервисом ASUS webstorage? И как он вам, понравился? Просьба поделиться в комментариях! Успехов!

   С уважением, Андрей Зимин        21.05.2019

Понравилась статья? Поделитесь с друзьями!

Программа ASUS WebStorage является одним из множества облачных сервисов для хранения данных пользователей. С ее помощью люди могут разместить и хранить свои персональные данные для того, чтобы обмениваться ими со своими друзьями, а также делать резервное копирование. Для использования данного сервиса нужно зарегистрироваться в нем и загрузить специальную программу-клиент.

WebStorage: что это за программа?

Данный софт – это один из наиболее известных сервисов для облачного хранения, существующих в настоящее время. Каждому пользователю, зарегистрировавшему свой аккаунт, выдается примерно пять гигабайт под личные данные. Их можно использовать для хранения файлов любого типа. Это могут быть документы, фотографии, видеофайлы. Каждый элемент, сохраненный в облаке, можно отправить своим друзьям, которые также зарегистрированы в WebStorage. Что это за программа, где можно хранить всю свою информацию? Используемая облачная технология дает пользователям возможность хранить даже резервные копии очень важных документов, не боясь, что с ними что-то случится. Человек может получить доступ к своим файлам абсолютно с любого устройства. К примеру, документ, который был сохранен в облачном хранилище на стационарном компьютере с помощью установленного клиента, можно позже загрузить через смартфон, ноутбук или планшет. WebStorage: что это за программа? Ее очень легко найти и загрузить для всех существующих популярных операционных систем в виде клиента.

Как зарегистрировать аккаунт в сервисе

Для этого необходимо перейти на официальный сайт, найти ссылку, ведущую на страницу регистрации, и пройти по ней. В открывшейся форме будут поля, в которые нужно ввести требуемую информацию. В качестве идентификатора следует указать используемый пользователем адрес электронной почты. Здесь же надо задать надежный пароль, который в дальнейшем будет применяться для входа в сервис. После этих шагов нужно обязательно принять условия лицензионного соглашения, предварительно ознакомившись с ними. Можно сразу задать директорию на компьютере. Находящиеся в ней файлы будут постоянно синхронизироваться с WebStorage. Что это за программа, уже стало ясно. После регистрации на почту придет сообщение с ссылкой для подтверждения регистрации. Нажав на нее, пользователь подтверждает, что этот адрес будет привязан к аккаунту. За это можно получить еще дополнительные гигабайты дискового пространства, которые добавляются к первоначальным пяти.

Управление файлами

На странице сервиса в Сети можно найти менеджер для управления файлами. С его помощью возможно управлять всеми доступными документами. Управление осуществляется непосредственно в окне любого браузера или же с помощью загружаемых приложений. Для того чтобы скачать документ с компьютера, можно воспользоваться сервисом через браузер, но если пользователь хочет выгружать свои документы на мобильном устройстве, то необходимо устанавливать официальное приложение, которое легко найти в магазинах приложений. А они есть у каждой мобильной операционной системы.

После запуска приложения необходимо ввести свои данные, которые были указаны при создании учетной записи. Как только будет осуществлен вход, можно будет загружать и скачивать файлы любого типа на устройство.

Вывод

Для чего нужна программа ASUS WebStorage? Компания выпустила ее для того, чтобы не отстать от других крупных сервисов. Ведь намного удобнее не зависеть от одного устройства, а иметь доступ к своим файлам всегда и везде. Ведь действия на одном устройстве будут синхронизироваться с другими. Стоит отметить, что сервисом пользуются более двадцати миллионов человек по всему миру. Немаленькая цифра. Конечно, некоторые предпочтут облачные хранилища от более именитых компаний, но здоровая конкуренция на рынке – это всегда хорошо.

Original author: Shwetank Dixit Чтобы делать приложения, которые могут работать в полностью автономном режиме, нам нужно познакомиться со следующими технологиями: HTML5 Application Cache, Web Storage и WebSQL. Мной уже были опубликованы вводные статьи, касающиеся Web Storage и HTML5 Application Cache. Рекомендую их к прочтению если вы еще не знакомы с основными понятиями. В данной статье будут пересмотрены эти технологии, в том числе и WebSQL, и описаны варианты их совместного эффективного использования. Все эти технологии поддерживаются настольной версией браузера Opera 11.10, Opera Mobile 11, браузерами на движке WebKit (в iOS и Google Android).

В настоящее время веб-страницы представляют собой не просто текст. Интернет получает всё более широкое распространение, и веб-приложения, соответственно, тоже, становясь всё более сложными и совершенными. И наша зависимость от них только растёт. Мы можем видеть всё больше и больше примеров, когда веб-приложения успешно заменяют традиционные настольные приложения, чьим основным преимуществом всегда была их возможность спокойно работать в автономном режиме. Дать такую же возможность веб-приложениям не позволяло отсутствие необходимых технологий и инструментов.Но всё меняется, когда приходят они… Но теперь это не проблема! С появлением таких технологий, как HTML5 Application Cache, Web Storage и WebSQL мы наконец получили способ заставить веб-приложения работать в офлайне:

• Application Cache позволяет держать копию HTML, CSS и других элементов нашего веб-приложения в автономном режиме, которые будут использоваться, когда сеть будет недоступна.
• Web Storage основывается на механизмах хранения, подобных cookies, представляя собой их более гибкую и более мощную реализацию.
• WebSQL реализует полномерную SQL-базу данных внутри вашего браузера, которая может хранить копии данных веб-приложения для автономной работы, позволяя пользователям продолжить работу с данными даже при потере соединения с сетью. Данные синхронизируются с сервером при последующем подключении к сети.

Существует множество причин потери соединения с сетью: отключение питания, проблемы сетевым оборудованием, отсутствующий (или слабый) сигнал в случае работы через сотовый телефон. Как разработчики, мы хотим быть уверенными, что даже в подобных ситуациях наши веб-приложения будут работать корректно (по крайней мере, в разумных пределах). В общем случае, если мы не в сети, то при загрузке или перезагрузке страниц сайта мы получим ошибку. Первое, что нужно сделать — убедиться, что наши пользователи могу видеть страницы и работать с веб-приложением даже при отсутствующем подключении, т.е. все картинки, CSS, JavaScript и сама HTML-страница должны корректно загружаться в этом режиме. Достигается это путем использования технологии Application Cache (называемую также AppCache). Чтобы её использовать, нужно для начала объявить manifest-файл, в котором указать имена файлов, которые необходимы приложению для работы офлайн. Пример файла demo.manifest:

CACHE MANIFEST    CACHE:  logo.png  style.css  script.js  jquery.js  index.htm  

Какие бы ссылки ни содержал этот manifest-файл, соответствующее содержимое помещается в кэш, и впоследствии к этому содержимому уже будет доступ. Объявить manifest-файл очень просто — нужно использоваться атрибут manifest элемента :

Все файлы, объявленные в этом файле, будут помещены в кэш вашего браузера. Даже если человек не в сети и пытается загрузить страницу, то все ресурсы, указанные в этом файле, загрузятся браузером. Более подробную информацию об этом вы можете найти в статье про HTML5 Application Cache. AppCache решает задачу доступности некоторых элементов сайта в офлайне, но, возможно, нам захочется хранить некоторый объём пользовательских данных или, например, его последние поисковые запросы. В другом случае, может быть, вам захочется хранить более структурированные данные. В любом случае, Web Storage и WebSQL будут лучшим решением.

Используем Web Storage

Web Storage прекрасно подходит для хранения небольших объемов информации, нежели огромных таблиц с данным, о чём кратко и поговорим в этой статье, рассмотрим примеры. Более подробную информацию вы можете узнать в отдельной статье, посвящённой Web Storage. Существует очень много мест, где частое отключение электричества — обычное явление («Чубайс, привет! :)», — от переводчика). Пользователю приходится сидеть и ждать, когда он сможет продолжить свою работу в Интернете, пока не включат электричество. А представьте, если кто-то оказался в подобной ситуации, заполняя многостраничную форму на каком-либо сайте, набирая большую статью для блога или важного электронного письма. Во время отключения питания (или сядут аккумуляторы) пользователь потеряет все эти данные. Не будет ли лучше, если после входа в сеть, ему будут доступны все несохраненные им записи, с которыми он продолжит работу? Давайте посмотрим, что можно сделать на странице, содержащей обычное текстовое поле ? Страница должна сохранять всё, что мы набираем, в локальное хранилище каждые несколько секунд, а в случае её перезагрузки или закрытия, страница должна загружать последний сохранённый в поле текст. Допустим, наша страница содержит поле с id «draft»:

...    ...  

Напишем простую функцию, которая будет сохранять в локальное хранилище содержимое :

function saveMessage(){  var message = document.getElementById("draft");  localStorage.setItem("message", message.value)  }  

Установим интервал сохранения в полсекунды:

setInterval(saveMessage, 500);  

Также нужно убедиться, что каждый раз, когда страница открывается или перезагружается, в текстовое поле загружалось последнее сохранённое содержимое из локального хранилища (localStorage):

window.addEventListener("DOMContentLoaded", loadMessage, false);  function loadMessage() {  var textbox = document.getElementById("draft");  var message = localStorage.getItem("message");  if (!message) {  textbox.value = "";  }else {  textbox.value = message;  }  }  

Посмотрите пример работы с Web Storage. Это вообще шикар ная вещь, если вам нужно сохранять локально небольшие кусочки информации.

Работаем в автономном режиме

Для перехода в автономный режим нужно его, собственно, активировать (в браузере Opera: «Меню» → «Настройки» → «Работать автономно» либо «Файл» → «Работать автономно»). Свойство navigator.onLine имеет значение false в случае, если браузер находится в автономном режиме, в противном случае оно имеет значение true. Однако, во многих случаях лучше было бы использовать события. Когда пользователь переключается в автономный режим, срабатывает событие offline, когда переключается обратно — соответственно online. Можно воспользоваться этим для вывода небольшого сообщения о переходе в автономный режим. Получится что-то типа этого:

...  window.addEventListener( "offline", function(){showWarningDiv("on")}, false);  window.addEventListener( "online", function(){showWarningDiv("off")}, false);  ...  function showWarningDiv(status){  var warningdiv = document.getElementById("warning");  if (status == "on"){  warningdiv.innerHTML = "
Right now you are in offline mode. This message is saved and will be sent to the server the next time you are online.
";  } else {  warningdiv.innerHTML = "";  }  }  

Имеет смысле убедиться, что формы не пытаются отправить данные в то время, когда пользователь работает в автономном режиме. Чтоб проверить это, можем сделать так:

...  window.addEventListener( "submit", submitForm, false);  ...  function submitForm(){  saveMessage();  if (!navigator.onLine){  return false;  }  }  

При отправке данных формы срабатывает событие submit, которое вызывает функцию submitForm(). Эта функция сначала сохранит сообщение в локальном хранилище, затем, если пользователь работает в автономном режиме, данные никуда не отправятся. Вы можете усовершенствовать этот пример, чтобы он сохранял копию на сервер каждые несколько секунд, чтобы там она была доступна на тот случай, если пользователь случайно удалит данные у себя. Это особенно важно в тех случаях работы, например, с конфиденциальной информацией: вы, скажем, хотите, чтобы информация о вашей кредитной карте хранилась только у вас — в локальном хранилище. Посмотрите также более продвинутый пример, который использует для хранение информации sessionStorage. Если вы не закрываете страницу (даже в случае её перезагрузки) текст, введённый в текстовое поле, там и останется. Страница также будет отправлять содержимое этого поля на сервер каждые несколько секунд и, соответственно, обновлять время последнего сохранения. Данный подход может использоваться в блоговых движках и сервисах электронной почты для периодического сохранения «черновиков», что позволит продолжить работу в случае проблем с подключением.

WebSQL: еще «глужбе» в офлайн

Web Storage прекрасно подходит для хранения небольших объемов информации, а что если мы захотим хранить целую базу данных? Как насчёт того, чтобы веб-приложение могло делать различные запросы к базе данных, поиск по ней? Здесь Web Storage уже не позволит развернуться — нужно что-то более надёжное. А именно — WebSQL. WebSQL представляет собой локальную SQLite базу данных, в которой вы можете хранить свои данные, используя комбинацию Javascript и SQL.

Работа с WebSQL-базами данных

Перво-наперво нужно убедиться, поддерживает ли браузер WebSQL? Сделать это можно через свойство window.openDatabase:

if (window.openDatabase){  //rest of your code  } else{  alert("It seems your browser does not have support for WebSQL. Please use a browser which does, otherwise parts of this application may not run as intended."); //or any other similar message  }  

Создание и открытие базы данных

Создать и открыть базу данных можно, используя команду openDatabase, так:

var db = openDatabase("food_db", "1.0", "Web SQL Storage Demo Database", 1*1024*1024); // creates a database called 'food_db' with version number 1.0, description as 'Web SQL Demo Database' and a size of 1MB.  

Мы только что создали базу данных food_db «версии» 1.0, с описанием «Web SQL Storage Demo Database», размером 1 МБ. Переменная db представляет собой указатель на объект базы данных, который мы и будем в дальнейшем использовать.

Работа с базой данных

Мы создали и открыли базу данных. Теперь можно выполнять различные операции над ней, используя SQL-команды. Операции мы будем производить, вызывая функцию transaction() объекта базы данных (в нашем случае это db). Её вызов возвращает объект в качестве указателя, над которым мы будем выполнять различные команды, используя executeSQL(). Синтаксис этой команды следующий:

executeSql(sqlStatement, arguments, callback, errorCallback);  

Из параметров только sqlStatement является обязательным, остальные — необязательные. Так, например, если мы хотим создать таблицу, нужно будет написать следующее:

...  db.transaction(  function(t){ // This is the callback with "t" as the transaction object  t.executeSql("CREATE TABLE IF NOT EXISTS cal_list (food_name TEXT PRIMARY KEY, calories REAL, servings TEXT)");  }  );  ...  

Этот код создаст таблицу cal_list (если её не существовало) с полями food_name, calories и servings.

Добавление записей в таблицу

Выполнять запросы на добавление записей в таблицу — простая задача для WebSQL. Рассмотрим пример:

var food_name = "pizza";  var amount_of_calories = 320;  var serving_size = "one slice";    db.transaction(  function(t){  t.executeSql("INSERT INTO cal_list VALUES (?, ?, ?)", [food_name, amount_of_calories, serving_size]);  }  );  

Первый знак вопроса экранирует параметр food_name, второй — amount_of_calories, а третий — serving_size. Этот код добавляет запись в таблицу cal_list со значениями: pizza, 320 и one slice соответствующие столбцы. Выполним другой запрос — на получение данных:

var min_cal_amount = 300;  ...  t.executeSql("SELECT * FROM cal_list WHERE calories > ?", [min_cal_amount]);  

Этот код выполнит запрос на выборку всех строк со значением calories больше 300: знак вопроса экранирует переменную min_cal_amount.

Обработка результатов запроса

Ну, вот, мы создали базу данных с таблицами, в которые записали данные, теперь мы хотим сделать запрос и вывести полученные результаты. Обычно, мы получаем кучу результатов для одного SQL-запроса и нам нужно как-то обработать эти результаты, чтобы вывести их в виде таблицы или каком-то другом структурированном виде на странице. Третий параметр функции executeSQL() определяет успешность выполнения запроса. Ниже приведён пример обработки результатов:

var list = document.getElementById("thelist");  var food;  var min_cal_amount = 400;  var serving_size;    db.transaction(  function(t){  t.executeSql("SELECT food_name AS food, calories AS amount_of_calories, servings as serving_size FROM cal_list where calories > ?" ,[min_cal_amount], function(t,r){  for (var i=0; i < r.rows.length; i++){  food = r.rows.item(i).food;  amount_of_calories = r.rows.item(i).amount_of_calories;  serving_size = r.rows.item(i).serving_size;  list.innerHTML +="
"+food+" has "+amount_of_calories+" KCAL worth of calories.
";  }  },   function(t,e) {alert(e.message);})  }  );  

Сначала мы определяем количество элементов в результате запроса через r.rows.length и пробегаемся от 0 до этого значения. Каждый элемент доступен по r.rows.item(i), где i — номер строки. Названия столбцов можно получить так же. Для получения получения значения столбца food используем r.rows.item(i).food и так далее для других столбцов. Не исключено, что вам захочется использовать Web Storage, Application Cache и WebSQL вместе. Это возможно, всё зависит от задач, которые нужно решить. Например, если вы хотите хранить всего лишь некоторые пользовательские настройки, будет излишеством использовать WebSQL. Для подобных целей лучше подойдёт Web Storage. Однако, если у вас большой объём данных, и нужно их как-то обрабатывать, то логичнее было бы использовать WebSQL. Посетите страницу с примером про калории, на которой используются вместе все три технологии: база данных хранится в Web Storage, так что вы сможете искать даже если закроете или перезагрузите страницу, AppCache и WebSQL используются для предоставления возможности работать в автономном режиме.

Ещё не окончательно. Но вы уже можете применять эту технологию на приведённом списке браузеров и устройств. Чего нельзя сказать о IndexedDB, у которой нет такой кросс-платформенной поддержки. Осталось только дождаться утверждения спецификации, что и произойдёт в скором времени. Важно также отметить, что некоторые настольные версии браузеров, такие как Firefox и Internet Explorer, не будут поддерживать WebSQL, они будут работать с IndexedDB. В этом случае, первое, где можно применить WebSQL — автономное хранилище данных для смартфонов: поддерживаются браузеры Opera Mobile 11, а также браузеры на движке WebKit для платфом Android и iOS. Хорошая новость о WebSQL заключается в том, что он предлагает удобный инструмент для создания автономной базы данных в браузере. Он лёгок в изучении и применении и позволяет быстро разработать автономное веб-приложение, которое будет сразу работать в нескольких браузерах. Веб-приложения теперь получили возможность работать в полностью автономном режиме, используя такие технологии, как Application Cache, Web Storage и WebSQL базы данных. Application Cache нам нужен для кэширования файлов, чтоб исползовать их в автономном режиме; Web Storage — для хранения небольших объёмов информации, ну а WebSQL будет удобным инструментом для работы с большими объёмами данных. Разработчики в зависимости от потребностей могут использовать различное сочетание этих технологий, для создания автономных приложений. Технология перспективная. И, как обычно, будут гонки… WebSQL и IndexedDB, упоминания о которой уже были на хабре. Пусть они сделают мир лучше 🙂 247 24.4k 247