2012年1月22日日曜日

はじめてのアプリ作成(PhoneGap)

WEB+DB vol.66にPhoneGapを使ってアプリを作成する記事が掲載されていたので, これを参考にアプリ自作に挑戦してみた.

この前iPhone買ったけど, Macの開発環境整えるのが面倒だったので, Androidアプリを作ってみる(iPhone以前にASUS TF101を衝動買いしていたのだ).

PhoneGapでアプリを実行するまでの流れ
  1. Androidプロジェクトを作成する.
  2. libsフォルダを作成して, phonegap-x.x.x.jarをコピー(現時点は1.3.0).
  3. jarをビルド・パスに追加.
  4. assets/wwwフォルダを作成して,  phonegap-x.x.x.jsをコピー.
  5. assets/www/index.htmlを作成.
  6. resフォルダ内にPhoneGapに含まれるxmlフォルダをコピー.
  7. Activityファイルを開く.
  8. 継承しているActivityクラスをDroidGapクラスに変更.
  9. 「setContentView(R.layout.main);」を「loadUrl("file:///android_asset/www/index.html");」に変更.
  10. com.phonegap.DroidGapをインポート.
  11. AndroidManifest.xmlを開く.
  12. タグを追加.
  13. index.htmlを作る.
  14. ビルド(Androidアプリケーションの実行).
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="net.local.android"
    android:versionCode="1"
    android:versionName="1.0" >
<!-- ADD:ここから -->
<supports-screens
android:largeScreens="true"
android:normalScreens="true"
android:smallScreens="true"
android:resizeable="true"
android:anyDensity="true"
/>
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.VIBRATE" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.RECEIVE_SMS" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.READ_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.GET_ACCOUNTS" />
<!-- END:ここまで -->
    <uses-sdk android:minSdkVersion="13" />

    <application
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name" android:debuggable="true">
        <activity
            android:name=".PhoneGapCase20120121Activity"
            android:label="@string/app_name"
            android:configChanges="orientation|keyboardHidden" ><!-- ADD:この行 -->
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <!-- ADD:ここから -->
        <activity
            android:name="com.phonegap.DroidGap"
            android:label="@string/app_name"
            android:configChanges="orientation|keyboardHidden">
            <intent-filter> </intent-filter>
        </activity>
        <!-- END:ここまで -->
    </application>

</manifest>

0 件のコメント:

コメントを投稿