LoginSignup
2
2

More than 5 years have passed since last update.

Cordova開発環境構築からGenymotionでの動作確認まで(on Windows)

Posted at

Win10環境で設定

2016/5での環境

事前環境構築メモ

  • node.jsのインストール
    • v6.2をnodistで追加
  • JDKのインストール
    • JDK8をインストール
    • JAVA_HOMEとPathの設定
  • Apache Antのインストール
    • DLして解凍したものを任意のディレクトリにコピーしANT_HOMEとPathの設定
    • v1.9.7を追加
  • Android Studioのインストール  -v2.1を追加。1G超えなのでwifiでないと通信上限に注意が必要 -デスクトップはCPUがAMDなので高速エミュレータが使えないw
    • デフォのエミュレーターでは遅いので実機 or Genymotionを使う
    • File-Settings-PluginsでGenymotionを探して追加
    • ツールバーにGenymotion のアイコンが追加されているのでクリック
    • Genymotionのpathを追加
    • C:\Program Files\Genymobile\Genymotion
    • Genymotion起動後にandroid studioでrunをするとGenymotionが追加される
    • tools/platform-toolsのpathを追加する

開発環境メモ

cordovaのインストール

$npm i -g cordova
$cordova -v
6.1.1

plugin用にplugmanもインストール

$npm i -g plugman 
$plugman -v
1.2.1

プロジェクトの作成(bropwser)

$ cordova create hello_world com.example.hello_world HelloWorld
$ ls ./hello_world/
config.xml
hooks/
platforms/
plugins/
www/

ブラウザ確認用プラットフォームの追加

$cd hello_world
$cordova platforms add browser
$cordova serve

http://localhost:8000
に接続してベースが動いていることを確認

Androidプラットフォームの追加

$cordova platforms add android

アプリのビルド

$ cordova build            # 全部のプラットフォームを
$ cordova build android    # 個別で
$ cordova build --release  # リリースビルド

Genymotionで動作確認

Genymotionを起動しViretual Deviceをstartさせる

cordova run android

最初は下記のエラーで怒られた

ADB server didn't ACK
* failed to start daemon *

どうもabdのバージョンが古かったようなのでGenymotionのSettingsからabdをandroid studioからいれたandroid sdkを使うように設定変更

これでrunがうまく実行できた

Genymotionで起動しているVirtual Deviceにapkが展開されてアプリが実行される

cordova emulate android

ではエミュレーターが起動するのでダメ

参考

基本設定周り

Genymotion
http://qiita.com/murachi1208/items/efe8c938d1fa5948b917
http://www.teradas.net/archives/13895/
http://qiita.com/Sam/items/44ee1ec1fdc902f92b79
http://www.webcyou.com/?p=5838
http://d.hatena.ne.jp/itog/20141208/1418021388

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2