LoginSignup
19
18

More than 5 years have passed since last update.

phonegap導入 -iOS編-

Last updated at Posted at 2014-07-13

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の中にプロジェクトファイルがあるので、実行してみてください。

19
18
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
19
18