Пишем мобильное приложение с помощью PhoneGap

Пишем мобильное приложение с помощью PhoneGap

Опубликовано 3 года назад // 2 комментария

Стоить ли говорить, что под какую платформу вы не писали бы свое приложение, если оно нативно — оно работает в значительной степени быстрее и в полной мере может использовать API-системы.

Однако это не значит, что путь в огромный мир, к примеру, мобильных приложений вам закрыт. Существуют фреймворки вроде Cordova (Phonegap), которые позволяют писать для Android, iOS и тп на родном HTML, CSS и JavaScript. Безоговорочно найдутся те, кто за и безусловно будут те, кто против.

В данной статье хотелось бы в двух словах рассказать как создать проект на фреймворке Cordova и использовать его вместе с базой данных SQLite.

Screen Shot 2015-03-07 at 12.33.38

Для наглядности я сделал скриншот своей командной строки, на тот случай, если будут какие-то сложности, которые я думаю у вас не возникнут. Тут все предельно просто.

Установка Cordova на компьютер

Надеюсь у всех уже стоит NodeJS на компьютере, тк это вещь не заменимая в нашем деле. Проверяется просто — вводим команду node -v, если показывается версия значит все отлично и мы идем дальше. Если же нет, то устанавливаем.

Создание нового проекта

Не выходим из консоли и вводим следующую комманду. Как бы кто не любил GUI, привыкнуть и полюбить консоль придется.

Если честно то все уже позади. Шаблон приложения уже ждет нас в папки проекта и туда мы скоро отправимся. Добавим лишь платформу для дебагинга, к примеру Android.

Будет скачан npm пакет и на этом все. Для запуска и тестирования выполняем всегда следующую комманду. Она в зависимости подключен ваш телефон по usb или нет, запустит на нем или в эмуляторе. Эмулятор лично я уже давно забыл — не ленюсь сходить за телефоном.

 Использование базы данных SQLite

Создание приложений вроде HelloWorld это увлекательно, но даже эту строчку можно хранить в базе данных 🙂 Для этого создадим ее.

База создана и остается лишь заполнить ее нужными полями.

Единственный момент — как вы видите на создании новых полей висят колбеки, которые сообщат в случае чего об ошибках, а вот от базы нет фидбека в случае чего.

База готова к использованию, остается лишь добавлять в нее информацию, редактировать или удалять.

Делается все это очень просто. Нужно лишь указывать SQL запрос в tx.transaction. Подробнее о них я бы порекомендовал почитать Zencode.

На этом все друзья, надеюсь не осталось неясных моментов. Если возникли какие-то сложности пишите в комментариях.