最新版Cordova 5.3.1(PhoneGap)構築開発環境


引用する
Cordovaの由来を簡単に紹介します.Cordovaの前身はPhoneGapで、Adobeに買収されてからApacheに管理され、コア機能のオープンソースをCordovaと改名しました.HTML 5を使用すると、ローカルAPIインタフェースを簡単に呼び出し、ストアに適用されたアプリケーション開発プラットフォームを公開することができます.低コスト、低開発サイクル、軽量化などの利点があります.Andriod、IOS、WindowsPhone、Symbianなどいくつかのモバイル開発プラットフォームのAPIを統一的にカプセル化し、HTML 5+JavaScriptのハイブリッド開発モデルを採用してスマートモバイルのAPPを開発し、システム互換性などの問題を解決した.Cordovaを使用してAPPを一つのプラットフォームから別のプラットフォームに移植するにはHTMLコードとJSをパッケージ化するだけでいいので、開発コストと開発時間を大幅に削減し、多くの企業と開発者に人気があります.現在、多くの大手サイト(例えば京東、淘宝など)の携帯電話アプリがこのようなミックスモデルを使って開発されている.
詳しくはCordovaの公式サイトをご覧くださいhttp://cordova.apache.org/
 
 
目次
一、ソフトウェアのダウンロード
二、JDKインストール配置
三、Android SDKのインストール配置
四、Cordova/iPhone Gapのインストール配置
五、Cordovaテストプロジェクトの設立
 
 
一、パッケージのダウンロード
実行環境:Windows 7
  • JDK 7ダウンロード:http://www.oracle.com/technetwork/java/javase/downloads/index.html
  • Android SDKダウンロード:http://android-sdk.en.softonic.com/
  • ADT-23.0.6ダウンロード:http://tools.android-studio.org/
  • Node-v4.1ダウンロード:https://nodejs.org/dist/latest/node-v4.1.0-x64.msi
  • Ant-1.9.6ダウンロード:http://apache.fayea.com//ant/binaries/apache-ant-1.9.6-bin.zip

  • カタログに戻る
     
    二、JDKインストール配置
    JDK(Java Development Kit)は、SunがJava開発者向けの製品であり、現在最も広く使用されているJava SDKである.JDKは、Java実行環境やベースクラスライブラリなど、Java全体のコアです.一般的なバージョンには、JDK 6、JDK 7、JDK 8があります.
    JDK 7が正常にインストールされた後、システムがJDK 7を感知して呼び出すことができるように環境変数を設定する必要があります.
    コントロールパネル-->システムセキュリティ-->システム-->高度なシステム設定-->環境変数(Control Panel-->System Security-->System-->Advanced System Settings-->Environment Variables)を開き、次の構成を追加します.
    変数#ヘンスウ#

    説明
    java_home
    C:\jdk7.win32.x86_64_1.7.0.u45
    JDKインストールへの書き込みパス
    Path
    ;%java_home%\bin
    Pathの元の値にこの値を追加
    classpath
    ;%java_home%\lib\dt.jar;%java_home%\lib\tools.jar
    classpathの元の値にこの値を追加
    カタログに戻る
    三、Android SDKのインストール配置
    EclipseでAndoridアプリケーションを開発し、JDK変数環境を設定してEclipseをインストールし、Android SDK(Software Development Kit)をダウンロードし、EclipseにADTプラグインをインストールすれば、EclipseとAndroid SDKを関連付けることができます.
    3.1 ADT取付
    ADTフルネームAndroid Development Toolsは、Eclipseを使用してAndroidを開発し、EclipseコンパイルIDE環境にADTをインストールし、Android開発に開発ツールのアップグレードや変更を提供し、Android SDKなどのバージョンの管理を容易にする.もちろん、Android Studioなどの開発ツールを使用すれば、ADTはインストールする必要はありません.
    中国の特殊な事情のため、防護壁はGoogleの公式サイトを封印して、Eclipse Marketplaceの中で直接ADTをダウンロードして、“Unable to connect to repository”が現れますhttp://dl-ssl.google.com/android/eclipse/content.xml」などのエラー.この場合,エージェントのほかにhostsなどのメソッドを修正するほか,以下の方法でインストールすることもできる.まずhttp://tools.android-studio.org/ADT-23.0.6をダウンロードします.zipパッケージ、メニューを開くHelp-InstallForSite
    ダウンロードしたADT-23.0.6を直接選択する.zipパッケージ
    インストールが完了すると、新しいプロジェクトを作成するときにAndroidオプションが表示されます.
     
    3.2環境変数の配置
    ダウンロードしたAndroid SDKを解凍した後、システム変数を新設し、操作はJDK 1に似ている.7システム変数の設定.「システム変数」の変数名が「Path」の環境変数を選択し、変数を追加します.D:MyEclipse Professional 2014android-sdk-windowstools;D:MyEclipse Professional 2014android-sdk-windowstoolsplatform-tools;」
    3.3 Android SDKのインストール
    公式サイトでAndroid SDKをダウンロードし、SDK Managerを直接開く
    中国の特殊な情況のため、防護壁はgoogleの公式サイトを封印して、だからダウンロードする前にメニューTools-Optionsを開けて代理店を設置しなければならなくて、さもなくば“Fetching”が現れますhttps://dl-ssl.google.com/android/repository/addons_list-2.xml」などのエラー
    HTTP Proxy Server設定:android-mirror.bugly.qq.com HTTP Proxy Port設定:8080も参考サイトhttp://tools.android-studio.org/
    必要なAndroidバージョンを選択してダウンロードすると、ダウンロードバージョンが多ければスペースが大きくなり、時間もかかります.個人的にAndroid 5.1、Android 4.4、Android 4をダウンロードしました.1.2などいくつかのバージョンは、約20 G程度が必要です.
    3.4 Android SDKのバインド
    メニューwindows-preferencesを開き、Androidプロジェクトを選択し、SDK LocationをAndroid SDKのあるフォルダにバインドすると、ダウンロードしたばかりのAndroid SDKバージョンが表示されます
    カタログに戻る
    四、Cordova/iPhone Gapのインストール配置
    公式サイトで最新版ノードv 4をダウンロードします.1,インストールが完了したら、環境変数にpathを追加して設定する";C:Program Filesodejs;管理を容易にするため、EclipseにAntプラグインを追加することをお勧めします.Ant公式サイトでAnt-1.9.6をダウンロードし、インストールが完了したら環境変数にpathを追加して構成する";D:MyEclipse Professional 2014apache-ant-1.9.6bin".このとき、コマンドプロンプトウィンドウで次のコマンドnpm install-g cordovaを3、5分待機し、cordovaのインストールが完了すると、次のプロンプトが表示されます.
    注意:CordovaはAndroid SDKのバージョンに要求があります.インストールされているバージョンを制御する必要がある場合は、コマンドを使用します.
    npm install-g cordova@****(バージョン番号)
    カタログに戻る
    五、Cordovaテストプロジェクトの設立
    5.1 Androidエンジニアリングの基礎文書の作成
    コマンド「cordova create AndroidFiles com.sun.android app AndroidTest」を入力し、エンジニアリングファイルを作成します.このうちAndroid Filesはフォルダ名、com.sun.Androidアプリはパッケージ名、Android Testはエンジニアリング名
    5.2プロジェクトインスタンスの作成
    作成したファイルAndroidFilesに入り、cordova platform add androidにコマンドを入力してプロジェクトインスタンスを作成します.
    その他、iOS、WP、BlackBerrryなどのプラットフォームのインスタンスを同様のコマンドで作成することもできます.
    cordova platform add ios
    cordova platform add wp7
    cordova platform add wp8
    cordova platform add blackberry10

    また、生成されたインスタンスのAndroid SDK実行環境を制御するには、以下のコマンドを使用します.
    cordova platform add android@****(バージョン番号)
    このとき、コマンドcordova buildを入力し、BUILD SUCCESSFULなどの文字が表示されると、代表項目が正常に生成されます.
    この場合、いくつかの簡単な方法でプロジェクトをテストすることができます.
  • ブラウザテスト
  • コマンドcordova serve androidを入力し、ブラウザで関連アドレスを開きます.http://localhost:8000
  • 携帯電話テスト
  • 携帯電話に接続し、デバッグオプションを選択し、コマンドcordova run androidを入力します.
     
  • シミュレータテスト
  • コマンドcordova emulate androidを入力
    5.4プロジェクト編集構成
    Eclipseを開き、作成したばかりのプロジェクトをインポートします.プロジェクトにはCordovaLibとMainActivityの2つのプロジェクトが含まれています.MainActivityはテストアイテム、CordovaLibはCordovaのソースコードアイテムです.まずプロジェクト属性を選択し、Androidが実行する基礎プラットフォームを設定します.
    注意:Cordova 5.3.1でCordovaLibはAndroid SDK 5.1.1、API Level 22以上を実行する必要があります.そうしないと、一部のAPIがエラーを報告し、MainActivityが実行するプラットフォームバージョンは必要に応じて設定できます.
    また、JDK 1.7はAndroid SDKバージョンがAPI Level 17以上であることを要求しており、実行16以下の実行環境を選択すると、以下のエラーが発生します.この場合、プロジェクト属性を設定し、実行環境をJDK 1.6に設計して問題を解決できます.
    EclipseではAndroid Virtual Device(AVD)仮想デバイスを使用してプロジェクトテストを行い、テストを実行する前に実行環境を設定するのが一般的です.Target->Managerの選択
    Createキーを押して、Android仮想マシンを1台配置し、ユーザーは実際の状況に応じて複数のAndroid仮想マシンを配置することができます.
    設定が完了したら、Startを選択し、Android仮想マシンを起動します.
     
    デバッグを開始すると、設定した仮想マシンを選択して実行できます.このCordovaの環境配置はすでに成功しており、EclipseでHTML 5+Javascript方式でAndroid開発を完了することができます.
     
    カタログに戻る
     
     
    本章のまとめ
    Cordova/iPhone Gapを使用すると、アプリケーションの構築にローカルコードを必要とせず、Webテクノロジーをそのまま使用することができます.これらのAPIは、複数のデバイスプラットフォームで一貫しており、HTML 5 Web規格に基づいて作成されているため、アプリケーションの移植が便利です.CordovaはiOS、Android、Blackberry、Windows Phone、Palm WebOS、Bada、Symbianなど複数のプラットフォームをサポートしており、プラットフォームSDKを使用してアプリケーションにパッケージ化するだけで、各デバイスのアプリケーションストアからインストールをダウンロードすることができます.そのため、Cordovaは将来の携帯電話のハイブリッド開発の新しいトレンドになるだろう.
     
     
    参考記事
    Cordova(PhoneGap)CordovaPluginプラグインによるActivityインスタンスの呼び出し
    Apache2.2+Tomcat7.0統合構成の詳細
    Windows Server 2008 R 2ロードバランシング入門編
    最新版Cordova 5.1.1(PhoneGap)構築開発環境
     
     
    作者:风尘浪子
    http://www.cnblogs.com/leslies2/p/4819008.html
    オリジナル作品、転載時に作者と出典を明記してください