Apache Cordova позволяет из любой Вашей веб-страницы сделать приложение для iOS, Android, Windows Phone и других платформ. Например, из подобной страницы http://ustimov.org/snake/ можно получить практически полноценную мобильную игру.

Для этого Вам потребуются актуальная версия node.js. После установки node.js, Apache Cordova устанавливается простой командой

npm install -g cordova

В примере я буду использовать сделанную мной ранее змейку.

Для начала необходимо создать пустой проект приложения с помощью команды

cordova create snake org.ustimov.snake Snake

где snake - название папки с проектом, org.ustimov.snake - название директории, в которой будут сохранены файлы приложения на мобильном устройстве, Snake - название приложения.

Теперь необходимо перейти в созданную нами папку snake и добавить платформы, для которых требуется создать приложение. Это делается с помощью следующих команд (не обязательно указывать все доступные платформы):

cordova platform add wp8
cordova platform add windows8
cordova platform add ios
cordova platform add android
cordova platform add blackberry10
cordova platform add firefoxos

Далее необходимо в папку snake/www перенести файлы веб-страниц, причём начальная должна иметь название index.html. Apache Cordova имеет собственный API с большим числом событий и рекомендуется в JavaScript коде использовать их. Например, deviceready для определение момента, когда устройство готово запустить код (пример использования есть в изначально созданном приложении, находящимся в snake/www). Но как показала практика, в принципе приложение работает и без этого, но с использованием API скорей всего будет работать стабильнее.

Теперь необходимо собрать приложение. Это делается одной командой для всех платформ

cordova build

Либо можно построить приложение для какой-либо одной платформы той же командой, добавив сокращение платформы, т. е.:

cordova build android

Всё, готовое приложение Android находится в папке snake/platforms/android/ant-build, для Windows Phone 8 snake/platforms/wp8/Bin/Debug.

Если у Вас на компьютере установлены эмуляторы, то приложения на них можно запустить с помощью команды (для Android)

cordova emulate android

В итоге приложение будут представлять что-то вроде броузера на весь экран, где будет только Ваша страница.

comments powered by Disqus