読者です 読者をやめる 読者になる 読者になる

うさがにっき

読書感想文とプログラムのこと書いてきます

PhoneGapインストール手順

PhoneGap

こんばんは

今日はハイブリッドモバイル・アプリ作成ツールPhoneGapインストール手順
個人的にphoneGapがハイブリッドの星になってほしい

PhoneGap | Home
PhoneGap Fan - PhoneGap (Cordova) の日本語コミュニティ

以前からPhoneGapは存在してたが、最近3.0になってインストール手順というか雰囲気ががらっと変わったのでそのまとめ
雰囲気ががらっと変わったため、古い情報と新しい情報が錯綜していて上記のサイトを見ても解決しない問題が多い
そんな人達の助けになればというなのメモ書き

インストール要件

node.jsが入っていてnpmコマンドが実行できること(要管理者権限
node.js自体は公式から落としてインストールすればnpmコマンドが実行出来るようになる

node.js

インストール方法

公式にある通り以下のとおり

# 管理者で
$ sudo npm install -g phonegap

-gオプションが気になる方は以下のサイトを、わかりやすい
2011-06-07 - 大人になったら肺呼吸

プロジェクト作成方法
# my-appのところにプロジェクト、アプリ名を指定
$ phonegap create my-app

プロジェクトの実行

プロジェクトを作成した状態で実行は取りあえず出来る
取り合せずデフォルトの状態でビルドしてみよう

だが、ここが難しい、いやandroid実行するだけなら難しくないけど
そもそもPhoneGapでビルドする場合リモートビルドか、ローカルビルドか選択できる

その名の通りリモートビルドはphoneGapクラウド上でいい感じにビルドしてくれる
だが、リモートビルドをする場合はAdobeIDが必要になる
しかもビルドコマンドを入力する際にgithub idを入力してくださいの箇所でAdobeIDを入力しなければいけないという不親切設計

$ phonegap remote build android
[phonegap] PhoneGap/Build Login
[phonegap] Sign up at build.phonegap.com
 [warning] GitHub accounts are unsupported
  [prompt] enter username:  # ここでAdobeIdを入力するという罠

ローカルビルドはローカル環境でビルドする、そのためローカル環境にandroidならandroidの、iosならiosの開発環境が整っている必要がある

$ phonegap local build android
[phonegap] compiling Android...
[phonegap] successfully compiled Android app

環境が整っていていなければエラーをはくの「-V」オプションをつけてエラーを探る

phonegapコマンドについては以下を参照
直接実行とかもできます
PhoneGap API Documentation


今日はこのへんで