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をインストールします.
$ 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を使用してクラウドサービスを構築し、構築とアプリケーションのパッケージングプロセスを簡略化**
  • まずアカウント(有料アカウントと無料アカウントがある)
  • を登録します.
  • 該当プラットフォームの証明書をアップロードする
  • ビルドバージョン
  • ps:テスト時にシミュレータ上でインストールシミュレータを実行するためにシミュレータをインストールする
    四、相応のプラットフォームを追加する
    PhoneGapを使用して構築されたプロジェクトのデフォルトはbrowerプラットフォームのみで、Cordovaを使用して対応するプラットフォームを追加して、iOSプラットフォームの証明書の設定と個別のBuildingの設定など、異なるプラットフォームで個性的な処理を行うことができます.
    Cordova CLIのインストール
    リファレンス最初のCordovaアプリケーションの作成
    Cordovaコマンドラインツールはnpmパッケージとして公開されています.
    cordovaコマンドラインツールをインストールするには、次の手順に従います.
  • 1.Nodeをダウンロードしてインストールします.js
  • **2.(オプション)gitクライアントをダウンロードしていない場合は、ダウンロードしてインストールします.インストール後、コマンドラインでgitを呼び出すことができます.urlを使用してgit repoに参照すると、CLIはリソースをダウンロードするために使用します.**
  • 3. cordovanpm 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上のフラグは、npmcordovaをインストールしていることを世界に伝えています.そうでなければnode_にインストールされますmodules現在の作業ディレクトリのサブディレクトリです.インストール後、パラメータなしでcordovaをコマンドラインで実行できます.ヘルプテキストを印刷する必要があります.
    プラットフォームの追加
    このコマンドは、プロジェクトディレクトリまたはサブディレクトリで実行する必要があります.
    $ cd HelloWorld
    

    アプリケーションにナビゲートするプラットフォームを追加します.「ios」と「android」プラットフォームを追加し、configに保存することを確認します.xml:
    $ cordova platform add ios --save
    $ cordova platform add android --save
    
    

    現在のプラットフォームセットを確認します.
    $ cordova platform ls
    

    コマンドを実行して、プラットフォームがプロジェクトに影響を与えるコンテンツプラットフォームのディレクトリを追加または削除します.指定したプラットフォームごとにサブディレクトリとして表示されます.
    注意:CLIを使用してアプリケーションを構築する場合は、/platforms/ディレクトリの下のファイルを編集する必要はありません.このディレクトリのファイルは、アプリケーションの構築またはプラグインの再インストールの準備ができている場合に通常上書きされます.