PhoneGapの簡単な理解
3980 ワード
PhoneGap公式サイトとCordova公式サイトCordova中国語チュートリアル
一、PhoneGapとcordova
Apache Cordovaはオープンソースのモバイル開発フレームワークです.標準のWebテクノロジーであるHTML 5、CSS 3、JavaScriptを使用して、プラットフォーム間での開発を行うことができます.アプリケーションは、各プラットフォームに対するパッケージで実行され、センサ、データ、ネットワーク状態など、各デバイスにアクセスするための標準的なAPIバインディングに依存する.
PhoneGapはAdobeに買収されたが、コアコードを剥離してApache Software Foundationに貢献し、ApacheはこのプロジェクトをCordovaと命名した.つまりPhoneGapはCordovaに基づいている.
現在のところ、cordovaはモバイルアプリケーション開発フレームワークであり、これに基づいてWebコードでアプリを作ることができます.Phonegap Buildはオンラインパッケージツールで、cordovaで書いたプロジェクトをPhonegap Buildに渡すと、Phonegap BuildはオンラインでAppにパッケージされます.
現在皆さんが言っているPhonegapとは、実はcordovaを指していますが、それが本当にAdobeに買収されたPhonegap(PhoneGap|Home)は、現在Phonegap Build、(iPhone、Android SDK service)とcordova(Apache Cordova)の合体です.
二、PhoneGapの使用
使用開始
注:デバイス上でアプリケーションをプレビューする場合は、デバイスとserverが同じローカルエリアネットワークに存在する必要があります.
三、アプリケーションの構築とパッケージングの二つの選択
**1.PhoneGap CLIを使用してローカルで構築およびパッケージング**
PhoneGap CLIをインストールする前に、いくつかの基本的な要件が必要です.
Node.js-JavaScriptコードを構築するJavaScriptランタイム
git-バックグラウンドでCLIを使用してリソースをダウンロードします.一部のオペレーティングシステムに予めインストールされています.gitをコマンドラインから入力することで、インストールされているかどうかを確認できます.
npmでインストール
次のコマンドを実行して、最新バージョンのPhoneGap CLIをインストールします.
特定のバージョンをインストールするには、シンボルの後のバージョン番号を指定してインストールできます.
PhoneGap CLIの特定バージョン:npm@
ヒント:使用可能なPhoneGap CLIバージョンのリストを取得するには、
csrutil disable``を再起動すればいいです.デフォルトに戻すには
**2、PhoneGapを使用してクラウドサービスを構築し、構築とアプリケーションのパッケージングプロセスを簡略化**まずアカウント(有料アカウントと無料アカウントがある) を登録します.該当プラットフォームの証明書をアップロードする ビルドバージョン ps:テスト時にシミュレータ上でインストールシミュレータを実行するためにシミュレータをインストールする
四、相応のプラットフォームを追加する
PhoneGapを使用して構築されたプロジェクトのデフォルトはbrowerプラットフォームのみで、Cordovaを使用して対応するプラットフォームを追加して、iOSプラットフォームの証明書の設定と個別のBuildingの設定など、異なるプラットフォームで個性的な処理を行うことができます.
Cordova CLIのインストール
リファレンス最初のCordovaアプリケーションの作成
Cordovaコマンドラインツールはnpmパッケージとして公開されています.
cordovaコマンドラインツールをインストールするには、次の手順に従います. 1.Nodeをダウンロードしてインストールします.js **2.(オプション)gitクライアントをダウンロードしていない場合は、ダウンロードしてインストールします.インストール後、コマンドラインで 3. .
OS XおよびLinuxでは、
OS XおよびLinuxでは、
Windowsで:
-g上のフラグは、
プラットフォームの追加
このコマンドは、プロジェクトディレクトリまたはサブディレクトリで実行する必要があります.
アプリケーションにナビゲートするプラットフォームを追加します.「ios」と「android」プラットフォームを追加し、configに保存することを確認します.xml:
現在のプラットフォームセットを確認します.
コマンドを実行して、プラットフォームがプロジェクトに影響を与えるコンテンツプラットフォームのディレクトリを追加または削除します.指定したプラットフォームごとにサブディレクトリとして表示されます.
注意:CLIを使用してアプリケーションを構築する場合は、
一、PhoneGapとcordova
Apache Cordovaはオープンソースのモバイル開発フレームワークです.標準のWebテクノロジーであるHTML 5、CSS 3、JavaScriptを使用して、プラットフォーム間での開発を行うことができます.アプリケーションは、各プラットフォームに対するパッケージで実行され、センサ、データ、ネットワーク状態など、各デバイスにアクセスするための標準的なAPIバインディングに依存する.
PhoneGapはAdobeに買収されたが、コアコードを剥離してApache Software Foundationに貢献し、ApacheはこのプロジェクトをCordovaと命名した.つまりPhoneGapはCordovaに基づいている.
現在のところ、cordovaはモバイルアプリケーション開発フレームワークであり、これに基づいてWebコードでアプリを作ることができます.Phonegap Buildはオンラインパッケージツールで、cordovaで書いたプロジェクトをPhonegap Buildに渡すと、Phonegap BuildはオンラインでAppにパッケージされます.
現在皆さんが言っているPhonegapとは、実はcordovaを指していますが、それが本当にAdobeに買収されたPhonegap(PhoneGap|Home)は、現在Phonegap Build、(iPhone、Android SDK service)とcordova(Apache Cordova)の合体です.
二、PhoneGapの使用
使用開始
注:デバイス上でアプリケーションをプレビューする場合は、デバイスとserverが同じローカルエリアネットワークに存在する必要があります.
三、アプリケーションの構築とパッケージングの二つの選択
**1.PhoneGap CLIを使用してローカルで構築およびパッケージング**
PhoneGap CLIをインストールする前に、いくつかの基本的な要件が必要です.
Node.js-JavaScriptコードを構築するJavaScriptランタイム
git-バックグラウンドでCLIを使用してリソースをダウンロードします.一部のオペレーティングシステムに予めインストールされています.gitをコマンドラインから入力することで、インストールされているかどうかを確認できます.
npmでインストール
次のコマンドを実行して、最新バージョンのPhoneGap CLIをインストールします.
$ npm install -g phonegap
特定のバージョンをインストールするには、シンボルの後のバージョン番号を指定してインストールできます.
PhoneGap CLIの特定バージョン:npm@
$ npm install -g [email protected]
ヒント:使用可能なPhoneGap CLIバージョンのリストを取得するには、
$ npm info phonegap```
, sudo, :$ sudo npm install -g phonegap
ps: npm: command not found , npm([ npm node](http://www.jianshu.com/p/20ea93641bda)) sudo: npm: command not found [ ](http://leeqq.iteye.com/blog/2269038)
[Operation not permitted](http://www.jianshu.com/p/22b89f19afd6), Rootless。 Command+R, , Terminal。
csrutil disable``を再起動すればいいです.デフォルトに戻すには
csrutil enable
**2、PhoneGapを使用してクラウドサービスを構築し、構築とアプリケーションのパッケージングプロセスを簡略化**
四、相応のプラットフォームを追加する
PhoneGapを使用して構築されたプロジェクトのデフォルトはbrowerプラットフォームのみで、Cordovaを使用して対応するプラットフォームを追加して、iOSプラットフォームの証明書の設定と個別のBuildingの設定など、異なるプラットフォームで個性的な処理を行うことができます.
Cordova CLIのインストール
リファレンス最初のCordovaアプリケーションの作成
Cordovaコマンドラインツールはnpmパッケージとして公開されています.
cordovaコマンドラインツールをインストールするには、次の手順に従います.
git
を呼び出すことができます.urlを使用してgit repoに参照すると、CLIはリソースをダウンロードするために使用します.**cordova
はnpm
Nodeを用いる.jsのユーティリティインストールモジュール.cordova
モジュールは、npm
ユーティリティによって自動的にダウンロードされるOS XおよびLinuxでは、
$ sudo npm install -g cordova
OS XおよびLinuxでは、
npm
コマンドsudo
にプレフィックスを追加して、この開発ユーティリティを他の限られたディレクトリに/usr/local/share
インストールする必要がある場合があります.オプションのnvm/naveツールを使用するか、インストールディレクトリに書き込み権限がある場合は、sudo
接頭辞を省略できます.Windowsで:
C:\>npm install -g cordova
-g上のフラグは、
npm
がcordova
をインストールしていることを世界に伝えています.そうでなければnode_にインストールされますmodules現在の作業ディレクトリのサブディレクトリです.インストール後、パラメータなしでcordova
をコマンドラインで実行できます.ヘルプテキストを印刷する必要があります.プラットフォームの追加
このコマンドは、プロジェクトディレクトリまたはサブディレクトリで実行する必要があります.
$ cd HelloWorld
アプリケーションにナビゲートするプラットフォームを追加します.「ios」と「android」プラットフォームを追加し、configに保存することを確認します.xml:
$ cordova platform add ios --save
$ cordova platform add android --save
現在のプラットフォームセットを確認します.
$ cordova platform ls
コマンドを実行して、プラットフォームがプロジェクトに影響を与えるコンテンツプラットフォームのディレクトリを追加または削除します.指定したプラットフォームごとにサブディレクトリとして表示されます.
注意:CLIを使用してアプリケーションを構築する場合は、
/platforms/
ディレクトリの下のファイルを編集する必要はありません.このディレクトリのファイルは、アプリケーションの構築またはプラグインの再インストールの準備ができている場合に通常上書きされます.