Android H 5ハイブリッド開発(1):Cordovaプロジェクト構築

Cordovaって何?
Apache Cordovaはオープンソースのモバイル開発フレームワークです.標準的なwebテクノロジー-HTML 5、CSS 3、JavaScriptでプラットフォーム間開発を行うことができます.モバイルプラットフォームを例にとると、アンドロイド、IOSプラットフォームの設備の常用機能は、Apacheによってカメラ、センサ、ネットワーク、データなどのプラグインにカプセル化されている.H 5端子は、プラグインを呼び出すことで、デバイスのこれらの機能を使用することができる.プロジェクトの具体的な業務機能は、H 5側の呼び出しのためにカスタムプラグインにパッケージすることもできます.例えば、App側の共有機能、支払い機能、スキャンコード、位置決め、カスタムキーボードなどです.
Cordovaは完全なメカニズムを提供し、H 5、アンドロイド、IOSなどのプラットフォームの混合開発が複雑ではない.

Cordova          ，            ， H5       ：
   www：H5     
   /platforms/android/：         
   /platforms/ios/：IOS       
   ....

詳細については、公式サイトを参照してください.https://cordova.apache.org/docs/en/latest/
Cordova環境
1.プラットフォーム環境
CordovaでAppを構築し、実行するには、プラットフォームが必要なSDKをインストールする必要があります.アンドロイドを例に挙げます.
1.1 Java開発キット(JDK)

  [Java Development Kit (JDK) 7]       

1.2 Android SDK

  [Android Stand-alone SDK]  [Android Studio]

1.3環境変数の設定JAVA_HOMEとANDROID_HOMEは、CordovaのCLIツールを機能的に正常に使用するために、いくつかの環境変数を設定する必要があります.Macプラットフォームの例:

1.3.1     Terminal
1.3.2       (     )：touch .bash_profile
1.3.3       ：open .bash_profile

開くbash_Profile、環境変数を構成します(自分のディレクトリに基づいて、変更すればいいです).以下の図です.
2.Cordova環境
cordovaコマンドラインのインストールツール:2.1 Nodeをダウンロードしてインストールします.js(アドレス:https://nodejs.org/en/download/). インストールが完了すると、コマンドラインでnodeとnpmを使用できます.

node.js javascript       ，        javascript    。
npm   Node.js      （package manager）。
nodejs   npm，    nodejs，npm      。

    node --version     nodejs  ；
    npm --version     npm  ；

2.2 cordovaモジュールをインストールNodejsのnpmツールを使用します.cordovaモジュールはnpmツールによって自動的にダウンロードされます.

2.2.1     

2.2.2       cordova：
sudo npm install -g cordova

2.2.3            ：
sudo npm install -g plugman

  ：
sudo OS X Linux    ，              (windows     sudo  )
-g       npm        cordova；
              ，         ，  ：sudo -s ，         npm install -g cordova    。

2.3 cordova環境検証端末を開き、以下のコマンドを入力し、cordova環境バージョンを確認し、以下の図に示す.
環境構成の詳細については、公式サイトを参照してください.https://cordova.apache.org/docs/en/latest/guide/platforms/android/index.html https://cordova.apache.org/docs/en/latest/guide/cli/index.html

plugman        ，       、    、    、        。

plugman create --name ....
cordova plugin remove....
cordova plugin list
plugman platform add --platform_name android

Cordovaプロジェクトの作成
次に、Cordovaを使用してCordovaプロジェクトの構築を開始します.

Cordovaプロジェクトを格納するディレクトリを新規作成します.私のローカルディレクトリ名:TestCordova

端末を開き、TestCordovaディレクトリ

に入る

プロジェクトの作成コマンドを入力:

cordova create myapp com.qxc.app MyApp

-- myapp     
-- com.qxc.app   /  id
-- MyApp     

次の図に示すように、プロジェクトの作成に成功しました.

Androidプラットフォームを追加上図を通じて、プラットフォームディレクトリ(plantforms)が空であることがわかります.私たちはまだプラットフォームを追加していないからです.プロジェクトディレクトリへの入力コマンド:

cd myapp

androidプラットフォームの追加コマンドを入力します.

cordova platform add android --save

-- ios    ：cordova platform add ios --save

Androidプラットフォームの追加に成功した後、プロジェクトディレクトリは以下の図である.
これで、プロジェクトの作成が完了します.アンドロイド開発、/platforms/androidディレクトリを使用する;IOS側が開発し、/plantforms/iosディレクトリを使用する.(現在の例demoは追加されていません)H 5エンド開発は、wwwディレクトリを使用します.
具体的には、アンドロイドとH 5端末がどのように通信するかについて、後で紹介します.
Androidプロジェクトのテスト

Android Studioを起動し、プロジェクト/platforms/androidを開きます.

ローカルGradleバージョン(私のは3.3と3.5)に基づいて、プロジェクトのGradleを変更します.プロジェクトの/gradle/wrapper/gradle-wrapperを開きます.propertiesファイル、gradleバージョンの変更:

プロジェクトのコンパイル(コンパイルに問題がある場合は、一般的にGradleバージョンの問題ですが、ローカルgradleに基づいて調整してください)

は携帯電話

まで動作する
Android H 5ハイブリッド開発(1):Cordovaプロジェクト構築https://www.cnblogs.com/qixingchao/p/11654454.html
Android H 5ハイブリッド開発(2):カスタムCordovaプラグインhttps://www.cnblogs.com/qixingchao/p/11652418.html
Android H 5ハイブリッド開発(3):原生AndroidプロジェクトにCordovaを組み込むhttps://www.cnblogs.com/qixingchao/p/11652424.html
Android H 5ハイブリッド開発(4):Cordova Jarパッケージの構築https://www.cnblogs.com/qixingchao/p/11652431.html
Android H 5ハイブリッド開発(5):Cordova Viewをカプセル化し、Fragment、弾枠、ActivityがCordovaを自由に使用できるようにするhttps://www.cnblogs.com/qixingchao/p/11652438.html