「Cordova」のインストールについて


・環境:Windows 8 ( Bootcamp for Mac Book pro Retina )
・Java(JDK)はインストール済の想定です。



1. まず、Node.jsをインストールします。(cordovaコマンドを導入するため)
 「Node.js」は下記の2種類のインストール方法があります。

 ○パターン1(簡単な方)
  下記のURLからNode.jsのWebサイトにアクセスし、その表示に従って開発マシンにNode.jsをインストールしてください。

Node.js http://nodejs.org/


 ○パターン2
  「chocolatey gallery」というサイトを使います。
  コマンドプロンプトを管理者権限で実行し、下記を入力し、エンターキーを押下します。

  @powershell -NoProfile -ExecutionPolicy unrestricted -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%systemdrive%\chocolatey\bin


  続けて下記のコマンドを入力します。

cinst nodejs.install


  ※正しくインストールされたか確認の為、コマンドプロンプトを管理者権限で実行し、下記を入力し、エンターキーを押下します。

C:\Works> node -v
v0.10.35

C:\Works> npm -v
1.4.28



2. cordovaのコマンドラインツールをインストールします。

 コマンドプロンプトを管理者権限で実行し、下記を入力し、エンターキーを押下します。

npm install cordova -g

 インストールしたら、バージョンを確認して正しく起動できるかどうかを確かめてください。

C:\Works> cordova -v
4.2.0



3.Android SDK をインストールします。

 下記のURLへ行き、「SDK Tools Only」という見出しのDLリストから

http://developer.android.com/sdk/index.html

「installer_r24.0.2-windows.exe」のリンクを押下し、ファイルをDLします。


 ※インストール先は任意ですが、後ほどパスを通す事になる為、分かりやすい場所が望ましいです。

 ここでは、仮に下記のパスにインストールしたと仮定します。

インストール先ディレクトリ:C:\Soft\Android\sdk



4.Apache Ant をインストールします。

  下記のURLへ行き、「Current Release of Ant」という見出しのDLリストから

  http://ant.apache.org/bindownload.cgi

  「.zip archive: apache-ant-1.9.4-bin.zip」のリンクを押下し、ファイルをDLします。


  DLが完了したら展開し、下記のディレクトリへ格納します。

  このような構成になります。

C:\Soft\Android\apache-ant-1.9.4



5.パスを通します。

  毎度おなじみ、環境変数を追加します。

C:\Works> set ANDROID_HOME=C:\Soft\Android\sdk


環境変数「PATH」にも追加します。

C:\Works> set PATH=%PATH%;%ANDROID_HOME%\tools\;%ANDROID_HOME%\platform-tools\;C:\Soft\Android\apache-ant-1.9.4\


  インストールしたら、バージョンを確認して正しく起動できるかどうかを確かめてください。

C:\Works> android -h
Usage:
android [global options] action [action options]
Global options:
(以下略)


C:\Works> adb version
Android Debug Bridge version 1.0.32



C:\Works> ant -version




6.プロジェクトを作成します

  下記のコマンドを実行し、プロジェクト「hello」を作成します。

C:\Works> cordova create hello com.example.hello HelloWorld -d


  ※上記のコマンドを実行すると「C:\Works」ディレクトリの中に「hello」というディレクトリが生成されます。



7.次にプラットフォームを作成します

  下記コマンドにより、作成したプロジェクトディレクトリへ移動します。

C:\Works> cd hello


  iPhone App をエミュレートする場合は、下記のコマンドによりプラットフォームを追加(Mac環境のみ)

C:\Works\hello> cordova platform add ios


※誤って追加してしまった場合は、下記のコマンドにて削除できます。

  C:\Works\hello> cordova platform remove ios




  Android App をエミュレートする場合は、下記のコマンドによりプラットフォームを追加

C:\Works\hello> cordova platform add android


  下記のようなエラーメッセージが表示される場合は、
  Android SDK Managerを起動して、該当するAPIバージョンのパッケージをインストールします。

[Error: Please install Android target 19 (the Android 4.4.2 SDK). Make sure you have the latest Android tools installed ・・・



  Android SDK Managerの起動方法

C:\Works\hello> android


  ※重要:「Tools」のチェックは必須です。外したり、パッケージの削除を行うと、
「Android SDK」内の「tools」ディレクトリが無くなり、[ android ]コマンドが入力出来なくなります。





8.Android エミュレーターの起動

  下記のコマンドによりエミュレーターを起動します。

C:\Works\hello> cordova emulate android -d

コメント