・環境: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
コメント