開発wiki - Peco-Log/pecolog GitHub Wiki

Cordovaを用いた開発環境構築

ブラウザで確認する方法

$ cordova serve
Static file server running at
  => http://localhost:8000/
CTRL + C to shutdown

cordova serveコマンドを起ち上げてからwww以下を編集しても反映されないことに注意してください。
wwwディレクトリ以下の編集を反映させたい場合には、いったんCTRL＋Cキーを押して終了し、もう一度cordova serveコマンドを実行してください。
元ネタ
Cordovaを用いた開発環境を構築する

Ubuntuでの環境構築

node

see node.jsのversionを管理するためにnodebrewを利用する - Qiita

$ curl -L git.io/nodebrew | perl - setup
$ vim ~/.zshrc

add path

export PATH=$HOME/.nodebrew/current/bin:$PATH

$ nodebrew ls-remote
$ nodebrew install-binary v0.10.26
$ nodebrew use v0.10.26
$ node -v

ionic

$ npm install -g cordova
$ npm install -g ionic
$ ionic start myApp
$ cd myApp
$ ionic platform android

JavaやAndroid SDKがないというエラーの場合は、JavaとAndroid SDKを入れる

Java

$ sudo add-apt-repository ppa:webupd8team/java
$ sudo apt-get update
$ sudo apt-get install oracle-java7-installer
$ java -version

Android SDK

Android SDK | Android Developers からSDKをダウンロードする

64bitだとすると

$ cd /usr/local
$ wget http://dl.google.com/android/adt/adt-bundle-linux-x86_64-20131030.zip
$ sudo unzip adt-bundle-linux-x86_64-20131030.zip
$ chownsudo chown -R $USER adt-bundle-linux-x86_64-20131030
$ sudo rm -f /usr/local/bin/eclipse
$ sudo ln -s /usr/local/adt-bundle-linux-x86_64-20131030/eclipse /usr/local/bin/eclipse
$ vim ~/.zshrc

add path

export PATH=$PATH:/usr/local/adt-bundle-linux-x86_64-20131030/sdk/platform-tools:/usr/local/adt-bundle-linux-x86_64-20131030/sdk/tools

$ source ~/.zshrc

再度試す

$ ionic platform android

antが無いってエラーが出たらantを入れる

Ant

$ sudo apt-get install ant

サーバ起動

$ ionic platform android
$ cordova serve

http://localhost:8000 をブラウザで開くと以下のような画面が出る。

Androidのリンクを押下するとエラーのポップアップが出るが、キャンセルをすると以下が表示される。