CS-Developer: บทที่ 2 การเขียน Android โดยใช้ PhoneGap เบื้องต้น

ต่อจากบทที่แล้วนะครับ
บทที่ 1 การติดตั้ง PhoneGap บน Eclipse สำหรับ Android
โดยบทนี้ จะเริ่มเขียนโค้ดในแบบฉบับของ PhoneGap กันครับ
เปิด Eclipse พร้อมกับโปรเจ็ด Android ของคุณ
จากนั้นให้โค้ดเปิด ไฟล์ AndroidManifest.xml ขึ้นมาครับ

ให้คุณเพิ่มโค้ดด้านล่างนี้ เข้าไปในไฟล์ โดยไว้ระหว่างแท็ก <uses-sdk.../> และ <application.../>

<supports-screens 
    android:largeScreens="true" 
    android:normalScreens="true" 
    android:smallScreens="true" 
    android:resizeable="true" 
    android:anyDensity="true" />
<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" />
<uses-permission android:name="android.permission.BROADCAST_STICKY" />

นำไปใส่ให้ถูกตำแหน่งด้วยนะครับ

จากนั้นให้คุณไปที่ โฟลเดอร์ assets
คลิกขวา เลือก New
ตามด้วย File

ที่ช่อง File name: ให้คุณใส่ index.html

จากนั้นคลิก Finish ครับ

ไฟล์ index.html จะถูกสร้างขึ้นมาอยู่ในโฟลเดอร์ www แล้วครับ

ให้คุณคลิกที่ไฟล์ index.html ที่คุณสร้างขึ้นมา

ใส่โค้ด HTML5 ด้านล่างลงไปในไฟล์ index.html ครับ

<!DOCTYPE HTML>
<html>
<head>
<title>Cordova</title>
<script type="text/javascript" charset="utf-8" src="cordova-2.0.0.js"></script>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>