開発者は、開発環境を設定しておくと、デバイス上またはエミュレーター内でいつでもアプリを実行できます。
次のサンプルを実行するには、Xcode 搭載の OSx を実行しているシステム(Mac)か、Android SDK がインストールされた Mac/Win/Linux システムが必要です。
iOS の場合:iPhone および iPad 向けに開発するには、Apple の Xcode IDE が必要です。
- こちらから無料でダウンロードできます。
- PhoneGap iOS プラットフォームのガイド
Android の場合:Android 向けに開発するには、Google の Android Studio IDE が必要です。
- こちらから無料でダウンロードできます。
- PhoneGap Android プラットフォームのガイド


注意:
開発ソースにはアプリの最新状態が含まれていますが、ステージングされていない変更も含まれています。アプリストアベンダーに提出するリリース候補をビルドするには、ステージングソースを使用します。
まだアプリをステージングしていない場合には、「ステージング」を選択するとステージングワークフローが実行されます(ヒント:これにより、AppStore および Google PlayStore で使用可能な PhoneGap エンタープライズ版 Viewer アプリにステージング済みアプリとして表示されるようになります)。
注意:
これらすべての手順を個別に行うことができます。PhoneGap CLI のドキュメントを参照してください。
- PhoneGap CLI をインストール済みであることを確認してください(上記を参照)。
- コンソール(またはターミナル)ウィンドウで、抽出したソースのルートディレクトリに移動します。
- 以下のコマンドを入力します。
phonegap run android // -- or -- // phonegap run ios
注意:
この時点で問題が発生した場合には、基本に戻ってトラブルシューティングしてください。
- 新規フォルダーを作成します(mkdir test)。
- この新規フォルダーに移動します(cd test)。
- 「phonegap create helloWorld」を実行します。
- helloWorld に移動します(cd helloWorld)。
- 「phonegap run android」を実行します(または上記のように android を ios に置き換えます)。
- エミュレーターが開いて、新規に作成した PhoneGap アプリが実行されます。ネイティブへの JavaScript ブリッジが動作している場合には、「Device Ready」と表示されます。
この場合、PhoneGap CLI 開発環境は正しく稼動していることになります。
開発者向けツールを使用可能にするには:
- Safari の環境設定を開きます。
- メニューバーで「Safari」をクリックします。
- 「環境設定」をクリックします。
- 環境設定ウィンドウで「詳細」をクリックします。

iOS デバイスまたはエミュレーターに Safari を接続できます。
- コンソールウィンドウで、抽出したソースのルートディレクトリに移動します。
次のコマンドを入力して、デバイスまたはエミュレーターでアプリを起動します。
phonegap run <platform> --device // -- or -- // phonegap run <platform> --emulator

ソースの任意の場所にブレークポイントを設定できます。エミュレーターまたはデバイスと対話する場合、設定したブレークポイントでアプリの実行が停止します。アプリをステップ単位で実行して、変数の値を調べることができます。
- Web インスペクタウィンドウで「リソース」をクリックします。
- ソースツリーを移動し、目的のソースファイルをクリックします。
- 隣接する行番号をクリックして、ブレークポイントを追加します。
- デバイスまたはエミュレーターと対話します。


注意:
変数の値を表示するには、現在のメソッドにマウスのカーソルを置きます。
PhoneGap CLI によるアプリの開発について学習したら、デバイスの機能へのアクセスを参照してください。