บทที่ 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>
เสร็จแล้ว Save ไฟล์ให้เรียบร้อยครับ
ต่อไปจะต้องไปกำหนดไฟล์ java ให้ดึง ไฟล์ html ไปทำงานครับ
ให้คุณไปที่ src
คลิปที่ไฟล์ java หลักของโปรเจ็ค android คุณ
เพิ่มโค้ด import org.apache.cordova.*;
จากนั้นให้คุณแก้ Class จาก Activity เปลี่ยนเป็น DroidGap
เปลี่ยน setContentView() เป็น super.loadUrl("file:///android_asset/www/index.html");
Save ให้เรียยร้อย แล้วลอง Run ครับ
ที่คุณจะได้ คำว่า Hello World ซึ่งมาจากไฟล์ HTML ที่คุณสร้างโดยให้แสดงคำนี้ออกมาครับ !
0 comments:
Post a Comment