cordovgaのチュートリアル

cordovaのチュートリアル（下記）をやってみましたが、うまくいかなかった点が幾つかあったのでメモ。

Apache Cordova Tutorial

インストール

npm -g cordova

プロジェクト作成

cordova create workshop com.yourname.workshop Workshop

cordova createに続く引数はそれぞれ、プロジェクトのディレクトリ、プロジェクトの識別子、プロジェクト名です。

プラットフォーム設定

cd workshop
cordova platforms add ios
cordova platforms add android

プラグインの設定

そのまま入力してもうまくいかなかったので、ググったらURLから直接とってくる必要があるとのこと。

cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-device.git
cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-console.git

iOSのエミュレート

OSXの場合は、Xcodeが必要となります。インストールし忘れて手詰まった。

インストールした後も、起動して初期設定しないとうまくいかないので注意。

cordova emulate ios

Androidのエミュレート

Android SDKが必要となります。私は、Android SDKは Android Studioからダウンロードしました。

Android Studioをインストールして起動。その後、PreferenceでAndroidのSDKの項へ移動してSDKパスを確認。

下記の画像でハイライトされている項です。

確認したパスは、以下のように~/.bash_profileに追加。

### Android SDK
export ANDROID_HOME=/path/to/Android/sdk

その後エミュレートのコマンド

cordova emulate android

を叩いても

Hint: Open the SDK manager by running: /Users/yterazawa/Library/Android/sdk/tools/android
You will require:
1. "SDK Platform" for android-23
2. "Android SDK Platform-tools (latest)
3. "Android SDK Build-tools" (latest)

とエラーが出るので、指示通り処理を実行。また、一覧にandroid-23がなかった場合。設定の

Appearance & Behavior > System Settings > Android SDK

よりインストール。私の勘違いで、一覧にあるのかもしれない。

しかし、上記の処理をしてもエラー。

Error: No emulator images (avds) found.
1. Download desired System Image by running: /Users/yterazawa/Library/Android/sdk/tools/android sdk
2. Create an AVD by running: /Users/yterazawa/Library/Android/sdk/tools/android avd
HINT: For a faster emulator, use an Intel System Image and install the HAXM device driver

また上記の作業を実行したらエミュレータが起動しました。

その他

後は、チュートリアルのページの通りに手順を踏んでうまくいきました。

話が変わりますが、cordova上で、react-routerが使えない。下記を参考にしてもうまくいかなかったので誰か教えてくれると幸いです。

github.com