Що таке phonegap

Ще одна перевага цього підходу полягає в тому, що PhoneGap не є платформо-специфічним. Це означає, що якщо у вас є єдина база коду (хоча б на звичайному HTML) - PhoneGap легко упакує його в нативному вигляді практично для будь-якої мобільної платформи: наприклад, Apple iOS, Google Android, Windows Phone 7 і т.д. Таким чином, ви купуєте найширші можливості, оскільки значно економиться час, що витрачається на кроссплатформенную розробку, а також не доводиться вивчати цілий букет мов програмування.

Отже, тепер ми в загальних рисах представляємо, що таке PhoneGap, і я пропоную розглянути базову настройку цього середовища для Apple iOS (однієї з найбільш популярних мобільних платформ). Наша мета - зробити так, щоб по завершенні налаштування ви могли писати HTML-код, який миттєво упаковувався б у вигляді нативного додатки для iOS!

вимоги

Перед початком роботи у вас в розпорядженні повинні бути:

• Mac з операційною системою Mac OS X (версія Snow Leopard або Lion); • Xcode (цю середу можна безкоштовно скачати з Mac App Store); • Остання версія PhoneGap.

Почнемо з установки Xcode. Оскільки Xcode є основним середовищем розробки для операційних систем Apple Mac і iOS, ця програма досить велика (1,7 Гб), але при цьому їй не позичати потужності. Після того, як ви скачаєте Xcode з Mac App Store, в папці «Applications» (Додатки) на вашому комп'ютері з'явиться ярлик під назвою «Install Xcode» (Установка Xcode). Запустіть інсталятор і дотримуйтесь вказівок майстра - залиште все настройки такими, як вони задані за замовчуванням.

Впоравшись з цим, можете приступати до установки PhoneGap. Просто розпакуйте його, перейдіть в каталог «iOS», запустіть інсталятор і дочекайтеся, поки він закінчить роботу (знову ж таки, залиште все настройки такими, якими вони задані за замовчуванням).

Ура! Тепер середовище розробки налаштована, і ви готові створити в Xcode свій перший проект з застосуванням PhoneGap (поки все просто, правда?).

Налаштування проекту

Відкрийте Xcode і виберіть в основному меню «New» (Новий), а потім «New Project» (Новий проект). Далі виберіть з меню «iOS> Application» (iOS → Додаток) опцію «PhoneGap-based Application» (Додаток на базі PhoneGap).

Далі вкажіть для вашої програми ім'я продукту (Product Name) і ідентифікатор компанії (Company Identifier). Ці значення залишаються на ваш вибір.

Після цього кроку вам буде запропоновано вибрати місце для збереження вашого застосування.

Тепер ви повинні побачити ваш проект в Xcode. Якщо спробувати запустити його на цьому етапі (опція «Run»), система видасть вам повідомлення про помилку виду «index.html was not found» (не вдалося знайти сторінку index.html).

Щоб вирішити цю проблему, потрібно скопіювати в проект каталог «www». Перейдіть в каталог вашого проекту в диспетчері (тут він називається «Finder») або клацніть по проекту в Xcode правою кнопкою миші (в лівому навігаційному вікні), далі клацніть в диспетчері команду «show» (показати).

ВАЖЛИВО: перетягніть каталог «www» в Xcode під ім'ям проекту в лівому навігаційному вікні (див. Наступне зображення)

Якщо все було зроблено правильно, то вам буде запропоновано кілька опцій (див. Наступне зображення). Обов'язково переконайтеся, що вибрали опцію «Create folder references for any added folders» (Створити посилання на всі додані каталоги), після цього натисніть «Finish» (Готово).

Тепер, якщо спробувати запустити ваш проект (команда «Run»), відкриється вміст файлу «index.html», який вже заповнений - щоб ви могли переконатися, що настройка PhoneGap пройшла успішно.

Після цього проект можна редагувати як звичайнісіньке веб-додаток. Щоб звикнути до роботи в Xcode, рекомендую внести якісь дрібні зміни в файл «index.html».

От і все. Ви поповнили ряди розробників під iOS. Насправді все ще цікавіше: тепер ви зможете перенести написаний вами код на будь-яку іншу платформу, яка підтримується в PhoneGap!