PhoneGap. Создаем мобильное приложение. Часть 2: установка Cordova на Mac Os X

Данная статья являеться продолжением статьи PhoneGap. Создаем мобильное приложение

Все описанные операции проводились на свежеустановленной операционной системе Mavericks. Возможно, в вашем случае некоторые компоненты уже будут установлены.

Подготовка

Качаем и устанавливаем xcode

https://itunes.apple.com/us/app/xcode/id497799835?ls=1&mt=12 (нужно иметь apple ID)

установка Cordova на Mac Os X. Качаем Xcode

Процесс загрузки Xcode в launchpad

установка Cordova на Mac Os X. Xcode в launchpad

После того как скачан файл Xcode его нужно запустить! после установки вы должны увидеть

установка Cordova на Mac Os X. установленный Xcode

Качаем android SDK

http://developer.android.com/sdk/installing/index.html (Stand-alone SDK Tools -> download the SDK now)

Распаковываем скачанный архив в ~/Projects/android-sdk/

установка Cordova на Mac Os X. android SDK

Переходим в папку и запускаем менеджер

cd ~/Projects/android-sdk/tools/
./android

Получаем окно с предупреждением.

установка Cordova на Mac Os X. Установка Java

Устанавливаем java и повторяем операцию. В появившемся окне выбираем Android SDK Build-tools 19, Android 4.4.2 (API 19) и устанавливаем необходимые компоненты

установка Cordova на Mac Os X. Android SDK manager

установка Cordova на Mac Os X. Android SDK manager

Редактируем профайл: добавляем переменные окружения

nano ~/.bash_profile

И пишем в редакторе

export PATH=$PATH:/Users/blog/Projects/android-sdk/platform-tools:/Users/blog/Projects/android-sdk/tools

Перегружаем терминал и проверяем

adb version

дожно быть что-то типа:

Android Debug Bridge version 1.0.32

Устанавливаем менеджер пакетов Homebrew

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

установка Cordova на Mac Os X. Установка Homebrew

Ставим node.js

brew install node

установка Cordova на Mac Os X. Установка Node Js

Установка

Устанавливаем cordova

sudo npm install -g cordova

установка Cordova на Mac Os X. Cordova install

Устанавливаем симулятор ios

npm install -g ios-sim

Создаем проект cordova

Создаем папку проектов и переходим в нее

cd ~ && mkdir Projects && cd Projects

Создаем проект cordova

cordova create bugurtarium com.netopalto.bugurtarium Bugurtarium

где
bugurtarium - папка проекта
com.netopalto.bugurtarium - bundle ID
Bugurtarium - имя проекта (название apk и app)

Переходим в папку проекта

cd bugurtarium

Добавляем платформы для ios и android

cordova platform add ios
cordova platform add android

Если все сделано верно, то ошибок не должно быть. Проверяем:

cordova platform list

Installed platforms: android 3.6.4, ios 3.7.0
Available platforms: amazon-fireos, blackberry10, browser, firefoxos

Запускаем проект ios эмуляторе

cordova emulate ios

Появится эмулятор и запустится наше приложение

установка Cordova на Mac Os X. Эмулятор IOS

Для эмуляции android вы воспользуемся virtualbox + genymotion. Как это сделать читайте в статье "Как установить genymotion".

Самое время подключить IDE и заняться разработкой. Я предпочитаю пользоваться Netbeans

Интересное

Проверка сайта на вирусы
Если пользоваться привычной терминологией, то web вирусы не являются вирусами в традиционном...
Project Glass — Очки будущего от Google
Компания Google представила суперсовременные «очки дополненной реальности» или Project Glass. Впрочем,...
Отзыв о FirstVDS
При покупке хостинга у FirstVDS мне предложили скидку за годный отзыв в блоге или на форуме....
Git и Bitbucket
Git – это распределенная система контроля версий. Пожалуй, на этом теория заканчивается, так как...

Комментарии

    Чтобы оставлять комментарии, авторизируйтесь

    Войти через OpenID

    рейтинг0+-
    Популярные
    Точки входа
    Наверх