それでは、環境構築、プロジェクトの作成、エミュレータでの実行までを、順を追って説明します。
■android開発環境の構築
androidの開発環境が構築されていない方は、
いいね！Androidアプリ「SDK ADT Bundle for Windows」による開発環境の構築①」を参照して構築してください。
■Antのインストール
いいね！Androidアプリ「ZXingでバーコードリーダーを作ってみよう①」の中で、Antのインストールについての記載があります。
こちらを参照して、インストールしてください。
■環境変数(path)の設定
以下のAndroid sdkとAntのディレクトリに対して、pathを通します。
[Android sdk root]\sdk\tools
[Android sdk root]\sdk\platform-tools
[Ant root]\bin
■node.jsのインストール
以下の手順に従って、node.jsをインストールしてください。
以下のnodejs公式サイトからダウンロードします。
http://nodejs.org/
[DOWNLOADS]をクリックします。
[Windows Installer(.msi)]から選択します。
[Next]をクリックします。
ライセンスに同意して、[Next]をクリックします。
[Next]をクリックします。
[Next]をクリックします。
[Install]をクリックします。
[Finish]をクリックします。
node.jsをインストールをすると、Node.jsとパッケージマネージャのnpmがインストールされます。
インストール完了の確認として、バージョンを表示してみます。
>node -v
v0.10.25
>npm -v
1.3.24
■cordovaのインストール
>npm install -g cordova
インストール完了の確認として、バージョンを表示してみます。
>cordova -v
3.3.1-0.1.2
■プロジェクトの作成
ディレクトリ「hello」
パッケージ名「papakingyo.application.hello」
プロジェクト名「HelloWorld」
として、プロジェクトを作成してみます。
>cordova create hello papakingyo.application.hello HelloWorld
Creating a new cordova project with name "HelloWorld" and id "masuoka.application.hello" at location "xxx\hello"
Installing cordova library for www...
Downloading cordova library for www...
Download complete
Installing cordova library for www...
■プラットフォームの追加
作成したプロジェクトhelloにandroidプラットフォームを追加します。
>cd hello
>cordova platform add android
Installing cordova library for android...
Downloading cordova library for android...
Download complete
Installing cordova library for android...
Creating android project...
Preparing android project
追加したプラットフォームを確認します。
>cordova platforms ls
Installed platforms: android 3.3.0
Available platforms: blackberry10, firefoxos, wp7, wp8, windows8
■エミュレータ
作成済みのエミュレータを確認する。
>android list avds
Available Android Virtual Devices:
Name: 4.4
Path: xxx\avd\4.4.avd
Target: Android 4.4.2 (API level 19)
ABI: armeabi-v7a
Skin: 480x800
Sdcard: 16M
エミュレータを起動する。
>emulator @4.4
作成したプロジェクトをエミュレータで実行する。
>cordova emulate android -d
0 件のコメント:
コメントを投稿