Cordova3によるAndroidアプリ開発の流れ

いいね！Androidアプリ「Cordova3によるAndroidアプリ作成」でCordovaのインストールからアプリ作成の概要を書きました。今回は、ソースコードの編集と動作確認の流れをまとめてみました。

[前提]作成済みのプロジェクト
--------------------------------------------
ディレクトリ「hello」
パッケージ名「papakingyo.application.hello」
プロジェクト名「HelloWorld」
--------------------------------------------
※プロジェクトの作成方法はいいね！Androidアプリ「Cordova3によるAndroidアプリ作成」で確認できます。

１．wwwディレクトリ配下のソースコードを編集

wwwディレクトリの構造は以下の通りです。

hello
+ .corova
+ merges
+ platforms
+ plugins
+ www
+ css
index.css
+ img
logo.png
+ js
index.js
config.xml
index.html

index.html、index.js、index.cssファイルを編集します。


２．プラットフォームへ反映

>cordova prepare android
Generating config.xml from defaults for platform "android"
Preparing android project

「１」で編集した内容が、プラットフォームのwwwディレクトリ配下にコピーされます。

hello
+ .corova
+ merges
+ platforms
+android
+assets
+www
+css
+img
+js
config.xml
cordova.js
cordova_plugins.js
index.html
+cordova
+CordovaLib
+libs
+platform_www
+res
+src
AndroidManifest.xml
build.xml
local.properties
proguard-project.txt
project.properties

その他、プラットフォームのjavaファイルやAndroidManifest.xmlなども、編集した内容に合わせて更新されます。

※プラットフォームのwwwディレクトリを直接編集した内容は、prepareコマンドによって上書きされて残りません。


３．アプリのコンパイル

>cordova compile android
Compiling app on platform "android" via command "cmd" /c xxx\hello\platforms\android\cordova\build
Platform "android" compiled successfully.

プラットフォームのソースコードがコンパイルされます。
コンパイルによって、プラットフォームにbin、genディレクトリが作成されて（初めてのcompile時）、ディレクトリ内にclassファイルなどが作成（2回目以降は更新）されます。

hello
+ .corova
+ merges
+ platforms
+android
+assets
+bin
+cordova
+CordovaLib
+gen
+libs
+platform_www
+res
+src
AndroidManifest.xml
build.xml
local.properties
proguard-project.txt
project.properties


※以下は、「２」「３」を続けて実行するコマンドです。

>cordova build android
Generating config.xml from defaults for platform "android"
Preparing android project
Compiling app on platform "android" via command "cmd" /c xxx\hello\platforms\android\cordova\build
Platform "android" compiled successfully.


４．動作の確認

>cordova emulate android

エミュレータで動作確認をします。
※エミュレータの使用方法はいいね！Androidアプリ「Cordova3によるAndroidアプリ作成」で確認できます。

「１」から「４」を繰り返してアプリを完成させます。