iOS
Cordova

phonegap導入 -iOS編-

More than 3 years have passed since last update.

phonegapを使用する理由ができちゃったので、導入の仕方書いておきます

phonegapの名前がかわったってcordovaとなったのでそれを使用していきます。

注意:実験しながらいれたので、余分なところが多いかも。

環境

・Mac OSX 10.9

・iOSアプリをXcodeで開発できる状態

対応

・cordovaバージョン 3.5.0-0.2.6


1:node.jsインストール

node.jsをインストラーで、普通にインストール

ターミナルにて"node -v"でバージョンがかえってこればよい

参考:http://nodejs.org/


2:phonegap周りをインストール

ターミナルにて


script.sh

#!/bin/sh

sudo npm install -g phonegap #たぶん、いらない
sudo npm install -g ios-deploy #たぶん、いらない
sudo npm install -g ios-sim #たぶん、いらない
sudo npm install -g cordova


3:ターミナルにcordova系のパスを通す

.bash_profileに下記を追記


script.sh

PATH=$PATH:/usr/local/lib/node_modules/cordova/bin 

export PATH

設定後、ターミナルを再起動


4:プロジェクト作成

下記コマンドを実行する。作成場所はカレントディレクトリです。


script.sh

cordova create "ディレクト名" "Bundle Identifier" "プロジェクト名"


例:cordova create hello com.example.hello HelloWorld


5:作成したプロジェクトのプラットフォームを設定


script.sh

cd "ディレクト名" #

cordova platform add ios #iOSの場合


6:プロジェクト実行

作成したディレクトリのplatforms/iosの中にプロジェクトファイルがあるので、実行してみてください。