Разработка приложений под iOS с использованием технологий HTML/CSS/JS

Вы опытный программист на HTML/CSS/JS?

Хотите написать свое приложение либо игру под iOS?

Прошу под кат.

Сразу прощу — извините меня за грамматику, со временем буду подправлять статью.

Итак, начнем с разработки приложений.

Разработка приложений под iOS с нативным интерфейсом

Пару лет назад Apple выпустила JS библиотеку iAD JS, но спустя какое то время она удалила ее и документацию, но она у меня осталась на Маке, и поэтому я поделюсь ею с вами. iAD JS позволяет создавать приложения на JS/HTML с использованием нативного (не совсем нативного, но почти неотличимого от настоящего интерфейса iPhone/iPad/iPod). Главное ее преимущество — очень легко писать, т.к там применяется ООП, и она поддерживает все три девайса + и ретину.

Как я сказал, документация отсутствует совсем, но у меня сохранилась сотня примеров ее использования, поэтому вы легко разберетесь в ней (если конечно достаточно опыта). Так же если вы уже писали под iOS на Objective C, сделать iAD JS приложение вам будет очень легко, т.к названия функций схожи с Objective C.

Вот нашел видео, где приложение написано с использованием iAD JS (согласитесь, интерфейс почти как нативный, даже и Cover Flow поддерживается):

Загрузить iAD JS: (в архиве — библиотека iAD JS, сотня примеров iAD JS).

Далее, распаковываем архив, и видим там выше сказанные папки.

Теперь, любой пример можно открыть в браузере (только в Safari), и посмотреть как он работает.

В общем, основа для приложения уже есть. Далее нам потребуется Xcode версии 4.3 и выше и PhoneGap (сейчас уже — Cordova). Cordova — позволяет использовать функции iOS через javascript, например, получить текущие координаты местоположения, либо сделать фотографию с камеры. Xcode я полагаю уже у вас есть, а Cordova можно загрузить здесь —

phonegap.com/download

Документация Cordova с примерами доступна здесь —

docs.phonegap.com/en/1.9.0/index.html

После установки Cordova, открываем Xcode и создаем новый проект Cordova.

Теперь у вас появился проект, в котором есть папка www (если папка не появилась — нажимаем правой клавишей на проект — Add files.. и добавляем папку www из нашего проекта). Далее, запускаем проект, и на дисплее вашего симулятора iPhone (или iPad) должен появится текст "Cordova is working". Если появился — все ОК, если нет — проходим шаг по добавлению файлов, который выше сказан в скобках).

Затем, открываем папку с проектом через Finder, и заходим в папку www. В ней будет index.html и cordova-1.x.x.js.
index.html — это испольняемый файл
cordova-1.x.x.js — это библиотека Cordova для доступа к фишкам iOS.

index.html вы можете удалить, т.к мы его заменим другим. Добавляем в папку www папку из архива с iAD JS — "iAd", и берем какой-нибудь пример, и копируем все три файла из этой папки в папку wwww.

Теперь у нас в папке www — 5 файлов: папка iAd, файл cordova-1.x.x.js, файл php.js, файл index.html, и файл xui-2.2.0.js.

Теперь можно запустить проект. Запускаем и видим наше приложение. :)

Итог: мы создали «нативное» приложение для iOS, которое будет поддерживать и iPhone, и iPad.

Теперь вы можете попробовать создать свое приложение, с использованием iAD JS и Cordova, и поделиться опытом с другими пользователями.