PhoneGap CLI によるアプリの開発 developing-apps-with-phonegap-cli
開発環境を設定している場合は、開発者として、いつでもデバイス上またはエミュレーター内でアプリを実行できます。
次の例を実行するには、Xcode でmacOS X を実行するシステムか、Android™ SDK をインストールしたMac/Win/Linux システムが必要です。
開発環境のBootstrap bootstrap-your-development-environment
PhoneGap CLI の設定 (https://docs.phonegap.com/en/4.0.0/guide_cli_index.md.html#The%20Command-Line%20Interface)
iOSの場合： iPhone および iPad 向けの開発を行うには、Appleで Xcode IDE を使用する必要があります。
- 無料でダウンロードできます ここ.
- PhoneGap iOSプラットフォームガイド (
https://docs.phonegap.com/en/4.0.0/guide_platforms_ios_index.md.html#iOS%20Platform%20Guide)
Android™の場合： iPhone および iPad 向けの開発を行うには、Googleの Android™ Stuido IDE が必要です。
- 無料でダウンロードできます ここ.
- PhoneGap Android™プラットフォームガイド (
https://docs.phonegap.com/en/4.0.0/guide_platforms_android_index.md.html#Android%20Platform%20Guide)
ソースのダウンロード download-the-source
開発環境を正常にブートストラップしたら、 AEM App Build タイルからソースをダウンロードします。
- 「PhoneGap Buildタイル」ドロップダウンの山形をクリックします。
- 「ソースをダウンロード」をクリックします。
- 「ソースをダウンロード」モーダルから目的のソースを選択します。
- 「ダウンロード」をクリックし、ZIP をコンピューターに保存します。
- ダウンロードした zip ファイルをワークスペースに展開します。
（ソースから）アプリをビルドして読み込む build-and-load-the-app-from-source
PhoneGap CLI は、プラットフォームプロジェクトの作成、ソースのコンパイル、1 つのコマンドでのアプリのデプロイを行うことができます。
https://phonegap.com/blog/2014/11/13/phonegap-cli-3-6-3/) をクリックします。- PhoneGap CLI をインストール済みであることを確認します。上記を参照してください。
- コンソール（またはターミナル）ウィンドウで、抽出したソースのルートディレクトリに移動します。
- 以下のコマンドを入力します。
phonegap run android
// -- or -- //
phonegap run ios
- フォルダーの作成（mkdir テスト）
- この新しいフォルダーに移動します（cd テスト）
- 実行
phonegap create helloWorld - helloWorld(cd helloWorld) に移動します。
- 実行
phonegap run android( または、上記のように Android™をiOSに置き換えます )。 - 新しく作成した PhoneGap アプリを実行するエミュレーターが開き、ネイティブへの JavaScript ブリッジが動作している場合は「Device Ready」と表示されます。
Safari およびIOSデバッグでの JavaScript のデバッグ debug-javascripts-with-safari-and-ios-debug
Web アプリケーションの場合と同様に、Safari の開発者ツールを使用して、アプリの JavaScript をデバッグできます。
Safari 開発者ツールの有効化 enable-safari-developer-tools
開発者ツールを有効にするには：
-
Safari の環境設定を開きます。
- メニューバーで Safari をクリックします。
- 「環境設定」をクリックします
-
「プリファレンス」ウィンドウで「詳細」をクリックします。
- 「メニューバーに開発メニューを表示」をオンにします。
- 「プリファレンス」ウィンドウを閉じます。
Safari をiOSに接続 connect-safari-to-ios
Safari は、iOSデバイスまたはエミュレーターに接続できます。
- コンソールウィンドウで、抽出したソースのルートディレクトリに移動します。
- 次のコマンドを入力して、デバイスまたはエミュレーターでアプリを起動できるようにします。
phonegap run <platform> --device
// -- or -- //
phonegap run <platform> --emulator
- Safari を開く
- メニューバーの「開発」をクリックします。
- 「 iOS Simulator 」サブメニューを選択します。
- home.html をクリックします。
Safari の Web インスペクタでの JavaScript のデバッグ debug-javascript-with-safari-s-web-inspector
ソースの任意の場所にブレークポイントを設定できます。 エミュレーターまたはデバイスとやり取りすると、アプリの実行がこれらのブレークポイントで停止します。 実行を順を追って進め、変数の値を調べることができます。
- 「Web インスペクタ」ウィンドウで「リソース」をクリックします。
- ソースツリーに移動し、目的のソースファイルをクリックします。
- 隣の行番号をクリックして、ブレークポイントを追加します。
- デバイスまたはエミュレーターとやり取りする
- コントロールボタンを使用して、メソッドの実行、上へ、下へ、および下へのステップアウトを続行します。
次の手順 the-next-steps
PhoneGap CLI を使用したアプリの開発について学んだ後は、 デバイスの機能へのアクセス.