【ハイブリッドアプリ】MacでCordovaでの開発環境を整える③ -Android版-
本業が忙しく、更新が遅くなった。
やっとandroidの開発環境も整えることができたので。
<Cordovaを使ったAndroid開発環境の構築>
■JDKのダウンロード
■Android SDKのダウンロード
■Antのダウンロード
■細かい設定（PATHに通す、必要パッケージのダウンロード)
■プラットフォームの追加(Android と ブラウザ)
■エミュレーターの準備〜起動
以上の流れで。Android Studioをダウンロードするやり方もあるが、それは後日。たぶん、そっちの方が楽チン。
node.jsやcordovaのインストールについては前回の記事を。
■JDKのダウンロード
上記のリンクから進んで、Accept License Agreementを選択してから、環境にあったものをダウンロード。
■Android SDKのダウンロード
Download Android Studio and SDK Tools | Android Developers
こちらも、上記リンクから環境にあったものをダウンロード。
ダウンロードしたSDKをApplicationsディレクトリ直下に移動。
移動が正常に行われたか確認。
cd Applications/
$ ls
■Androidビルド用にantのインストール
$ brew install ant
==> Downloading https://archive.apache.org/dist/ant/binaries/apache-ant-1.9.4-bi
######################################################################## 100.0%
🍺 /usr/local/Cellar/ant/1.9.4: 1597 files, 39M, built in 44 seconds
■細かい設定（PATHに通す、必要パッケージのダウンロード)
まずは現状のPATHを確認
$ echo $PATH
/usr/local/sbin:/usr/local/sbin:/Library/Frameworks/Python.framework/Versions/2.7/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin
PATHを通す
$ export PATH=/Users/duotaro/Library/Android/sdk/tools:$PATH
$ export PATH=/Users/duotaro/Library/Android/sdk/platform-tools:$PATH
変更を適用
$ source ~/.bash_profile
変更後の確認
$ echo $PATH
/Users/duotaro/Library/Android/sdk/platform-tools:/Users/duotaro/Library/Android/sdk/tools:/usr/local/sbin:/usr/local/sbin:/Library/Frameworks/Python.framework/Versions/2.7/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin
次。
必要なパッケージのインストール。
android sdkコマンドでこ以下のような画面がでてくる。
■プラットフォームの追加(Android、ついでにブラウザも）
サンプルプロジェクトへ移動
$ cd testCordova/
ブラウザの追加
$ cordova platform add browser
Adding browser project...
Running command: /Users/duotaro/.cordova/lib/npm_cache/cordova-browser/4.0.0/package/bin/create /usr/local/bin/testCordova/platforms/browser io.cordova.hellocordova HelloCordova
Creating Browser project. Path: platforms/browser
Installing "cordova-plugin-whitelist" for browser
Androidの追加
$ cordova platform add android
Adding android project...
Creating Cordova project for the Android platform:
Path: platforms/android
Package: io.cordova.hellocordova
Name: HelloCordova
Activity: MainActivity
Android project created with cordova-android@5.1.0
Installing "cordova-plugin-whitelist" for android
エミュレーターの追加
$ cordova emulate android -d
Executing "before_emulate" hook for all plugins.
Executing "before_prepare" hook for all plugins.
Searching PlatformJson files for differences between project vs. platform installed plugins
No differences found between project and android platform. Continuing...
Generating config.xml from defaults for platform "android"
Wrote out Android application name to "HelloCordova"
Wrote out Android package name to "io.cordova.hellocordova"
This app does not have launcher icons defined
updated project successfully
Executing "after_prepare" hook for all plugins.
ANDROID_HOME=/Users/duotaro/Library/Android/sdk
JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_73.jdk/Contents/Home
No emulator specified, defaulting to Nexus_5_API_23
Waiting for emulator...
以上。
公式のエミュレータはかなり遅い。Genymotionを使う案も！それは次回。
実機での確認方法も次回以降に更新する予定。
