Persyaratan
Hal ini diasumsikan bahwa Anda memiliki SDK Android diinstal dan bekerja. Jika tidak, maka anda perlu menginstalnya sebelum melanjutkan. Anda dapat menemukan download dan petunjuk instalasi
di sini . Juga, pastikan bahwa Anda telah membuat setidaknya satu Android perangkat virtual (AVD). Anda akan perlu AVD untuk menjalankan proyek Anda di emulator Android.
Anda juga perlu:
Di Eclipse, pastikan bahwa Anda telah mengatakan kepada Eclipse SDK Android di mana dipasang di Preferensi> Android. (Lihat di bawah.)
Sekarang Anda dapat membangun proyek sampel atau melompat ke bawah untuk membuat proyek baru.
Bangunan Proyek Contoh
File> New> Android Proyek
- Pilih Buat proyek baru dari sumber yang sudah ada
- Klik Browse dan arahkan ke lokasi dari aplikasi sampel disediakan dengan men-download 0.9.4 PhoneGap Anda
Jangan repot-repot menggunakan versi Android. Gunakan target SDK tertinggi yang tersedia. Phonegap akan mengurus kompatibilitas mundur untuk Anda. Catatan: Anda mungkin mengalami masalah dengan Android 3.0 jadi coba menggunakan Android 2.2 atau 2.3 pertama.
(Anda mungkin mengalami kesalahan di sini, di mana Eclipse tidak dapat
menemukan phonegap.jar. Dalam hal ini, klik kanan pada folder / libs dan
pergi untuk Membangun Jalan /> Configure Build Paths Kemudian,. Di
tab Perpustakaan, tambahkan phonegap. jar ke Proyek Eclipse Jika sedang
temperamental, Anda mungkin perlu untuk me-refresh (F5) proyek..)
Anda sekarang dapat menjalankan proyek Anda sebagai
Aplikasi Android. Klik kanan proyek dan pergi ke
Run As dan klik
Aplikasi Android. Eclipse mungkin akan meminta Anda untuk memilih AVD tepat. Jika tidak ada satu, maka Anda harus membuat sebelum Anda dapat melanjutkan.
Membuat Proyek Baru
File> New> Android Proyek
Dan memberikan beberapa default masuk akal.
Jangan repot-repot menggunakan versi Android. Gunakan target SDK tertinggi yang tersedia. Phonegap akan mengurus kompatibilitas mundur untuk Anda.
Dari download PhoneGap sebelumnya, kita membutuhkan dua file berikut:
- Android/phonegap-1.0.0.jar
- Android/phonegap-1.0.0.js
Di root direktori proyek yang Anda buat di Eclipse, membuat dua direktori baru:
- / Libs
- / Aset / www
Sekarang salin
- Android/phonegap-1.0.0.jar ke / libs
- Android/phonegap-1.0.0.js ke / aset / www
Di Eclipse, pilih proyek di Explorer Paket dan refresh (F5) proyek. File disalin akan muncul dalam proyek tersebut.
Sekarang, buat
index.html di folder www dan menambahkan beberapa kode seperti:
PhoneGap </ title></span> </p><p> <span> <script type="text/javascript" charset="utf-8" src="phonegap-1.0.0.js"> </ script></span> </p><p> <span> <script type="text/javascript" charset="utf-8"></span> </p><p> <span> fungsi onLoad () {</span> </p><p> <span> document.addEventListener ("deviceready", onDeviceReady, true);</span> </p><p> <span> }</span> </p><p><span> onDeviceReady fungsi () {</span> </p><p> <span> navigator.notification.alert ("PhoneGap bekerja");</span> </p><p> <span> }</span> </p><p> <span> </ Script></span> </p><p> <span> </ Head></span> </p><p> <span> <body onload="onLoad();"></span> <br> <span> <h1> Selamat Datang PhoneGap </ h1></span> </p><p> <span> Mengedit <h2> aset / www / index.html </ h2></span> </p><p> <span> </ Body></span> </p><p> <span> </ Html></span> </p><p> <span style="background-color:#ffff00;"><img style="" id="pbImage951942" src="http://wiki.phonegap.com/f/1286406130/Java%20-%20HelloPhoneGap_assets_www_index.html%20-%20Eclipse%20-%20_Users_brianleroux_Documents_workspace.jpg" alt="" height="123" width="200"></span> </p><p> <span> Membuat beberapa penyesuaian untuk file utama Jawa proyek ditemukan dalam folder <em>src</em> di Eclipse.</span> </p><ol><li> <span> Mengubah kelas itu membentang dari Kegiatan untuk DroidGap</span> </li><li> <span> Ganti <em>setContentView ()</em> sejalan dengan <em>super.loadUrl ("file: / / / android_asset / www / index.html");</em></span> </li><li> <span> Tambahkan <em>com.phonegap impor .*;</em></span> </li></ol><p><img style="" id="pbImage295450" src="http://wiki.phonegap.com/f/1286406504/whatevers.jpg" alt="" height="123" width="200"></p><p> <span>
(Anda mungkin mengalami kesalahan di sini, di mana Eclipse tidak dapat
menemukan phonegap-1.0.0.jar Dalam kasus ini, klik kanan pada / libs
folder dan pergi ke Membangun Jalan /> Configure Build Paths..
Kemudian, pada tab Perpustakaan , tambahkan phonegap-1.0.0.jar dengan
Proyek. Jika Eclipse sedang temperamental, Anda mungkin perlu untuk
me-refresh (F5) proyek sekali lagi.)</span> </p><p><span> Akhirnya, kita tambahkan beberapa izin ke file AndroidManifest.xml untuk memungkinkan phonegap untuk berjalan dengan baik.</span> </p><p> <span>
Buka file manifest Anda dalam editor favorit Anda dan sisipkan
informasi berikut setelah versionName tetapi sebelum tag aplikasi:</span> </p><p> <span> <Mendukung-layar</span> <br> <span> android: largeScreens = "true"</span> <br> <span> android: normalScreens = "true"</span> <br> <span> android: smallScreens = "true"</span> <br> <span> android: resizeable = "true"</span> <br> <span> android: anyDensity = "true"</span> <br> <span> /></span> <br> <span> <uses-permission android:name="android.permission.CAMERA" /></span> <br> <span> <uses-permission android:name="android.permission.VIBRATE" /></span> <br> <span> <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" /></span> <br> <span> <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" /></span> <br> <span> <uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" /></span> <br> <span> <uses-permission android:name="android.permission.READ_PHONE_STATE" /></span> <br> <span> <uses-permission android:name="android.permission.INTERNET" /></span> <br> <span> <uses-permission android:name="android.permission.RECEIVE_SMS" /></span> <br> <span> <uses-permission android:name="android.permission.RECORD_AUDIO" /></span> <br> <span> <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" /></span> <br> <span> <uses-permission android:name="android.permission.READ_CONTACTS" /></span> <br> <span> <uses-permission android:name="android.permission.WRITE_CONTACTS" /></span> <br> <span> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /></span> <br> <span> <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /></span> </p><p><img id="pbImage348584" style="border-width: 0px;" src="http://wiki.phonegap.com/f/1288994720/manifest.jpg" alt="" height="115" width="200"></p><p> <span> Dalam AndroidManifest.xml, pastikan tag aktivitas berisi atribut berikut:</span> </p><p> <span> android: configChanges = "orientasi | keyboardHidden"</span> </p><p> <span> Ini memberitahu android tidak untuk me-reload index.html ketika peristiwa terjadi; phonegap akan menangani peristiwa ini tepat.</span> </p><p> <span> Langkah terakhir adalah dengan menyalin folder xml yang datang dengan download PhoneGap ke folder res dari proyek Anda.</span> </p><p> <span> Anda sekarang dapat menjalankan proyek Anda sebagai <em>Aplikasi Android.</em></span> <span style=""> Klik kanan proyek dan pergi ke <em>Run As</em> dan klik <em>Aplikasi Android.</em> Eclipse mungkin akan meminta Anda untuk memilih AVD tepat.</span> <span> Jika tidak ada satu, maka Anda harus membuat sebelum Anda dapat melanjutkan.</span> </p><p> <span>
Jika semua berjalan baik maka AVD akan memuat di emulator - bersiaplah
untuk menunggu ini - dan Anda aplikasi akan diupload, dipasang, dan
jalankan.</span> </p><p><img style="" id="pbImage832702" src="http://wiki.phonegap.com/f/1286406923/5554_FunkyEmulator.jpg" alt="" height="143" width="200"></p></div></div>