PhoneGapメモ

PhoneGap 3.0からnpmでインストールできるようになっています。PhoneGapをインストールするには、npmをインストールして、

> npm install -g phonegap

とするだけです。phonegap createコマンドでPhoneGapアプリのひな形を作成します。

> phonegap create myapp

myappフォルダにアプリが作成されます。.codrova/config.jsonを編集し、id(com.phonegap.hello-world)とname(HelloWorld)を変更しておくとよいでしょう。

{"lib":{"www":{"id":"phonegap","version":"3.0.0","uri":"https://github.com/phonegap/phonegap-app-hello-world/archive/3.0.0.tar.gz"}},"id":"com.phonegap.hello-world","name":"HelloWorld","phonegap":{"id":531596}}

あと、www/config.xmlも変更しておきます。

<?xml version='1.0' encoding='utf-8'?>
<widget id="org.ultimania.dqx" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0">
    <name>MyApp</name>
    <description>
        Hello World sample application that responds to the deviceready event.
    </description>
    <author email="taro@phonegap.com" href="http://phonegap.com">
        Taro Okamoto
    </author>

下記のコマンドでアプリがPhoneGap Buildサーバ上でアップロードされビルドされます。

> phonegap run android
c:\TEMP\pg\sewhandbook>phonegap run android
[phonegap] detecting Android SDK environment...
[phonegap] using the remote environment
[phonegap] PhoneGap/Build Login
[phonegap] Sign up at build.phonegap.com
 [warning] GitHub accounts are unsupported
  [prompt] enter username: toraneko@gmail.com
  [prompt] enter password:
[phonegap] logged in as toraneko@gmail.com
[phonegap] compressing the app...
[phonegap] uploading the app...
[phonegap] building the app...
[phonegap] Android build complete
[phonegap] generating the QRCode...

** QRコードを表示 **

[phonegap] install the app by scanning the QRCode

作成したパッケージをダウンロードするには、表示されたQRコードを利用するか、 http://build.phonegap.com/ からパッケージへアクセスします。