1.สร้าง Project Cordova
- ให้เราเปิดหน้าต่าง Command prompt โดยไปที่ run > cmd
- จากนั้นพิมำ์คำสั่ง cordova create path id name
*ตัวอย่าง cordova create C:/hello com.example.hello HelloWorld
*หลังจากนี้ผมจะอ้ายถึง Project HelloWorld เป็น Project หลักนะครับ
- หลังจากสร้าง Project แล้วให้พิมพ์คำสั่ง cd project_path เพื่อเข้าไปยังโปรเจ็คที่เราสร้าง
- ให้เราเปิดไฟล์ C:/hello/confix.xml โดยมีหน้าตาแบบนี้
- element widget จะมี attribute ที่สำคัญคือ
id="ชื่อเต็มของ Project " ผมแนะนำให้แยก Platform ตามนี้ครับ
android-packageName="com.example.hello"
ios-CFBundleIdentifier="com.example.hello"
*เหตุผลที่ให้ใส่แยกกันเพราะว่า ใน window phone id จะเป็นชื่อ Class หลัก ซึ่งอย่างที่รู้ๆกัน Class ไม่สามารถตั้งชื่อโดยมีเครื่องหมายพิเศษได้ - element name จะเป็นชื่อของโปรเจ็ค
- element description คำอธิบาย
- element author ผู้เขียนโปรแกรม
- element content ไฟล์ html เริ่มต้น
- สุดท้ายให้นำไฟล์โปรแกรม(HTML,CSS,Javascript) ที่ทั้งหมดให้เก็บไว้ที่ C:\hello\www\
2.เพิ่ม Plugin ให้ Project Cordova
โดยการพิมพ์คำสั่ง cordova plugin add plugin_name
*ปกติผมจะใช้ Plugin แค่ 2 ตัวคือ
cordova plugin add org.apache.cordova.media //ใช้สำหรับเล่นไฟล์เสียง
cordova plugin add com.rjfun.cordova.plugin.admob //ใช้สำหรับแสดงโฆษณาของ Admob
หลักจากเพิ่ม plugin แล้ว file plugin จะถูก download เก็บไว้ที่ C:/hello/plugins/
3.เพิ่ม Platform และ Build Project
- ให้พิมพ์คำสั่งนี้ลงไปเพื่อเพิ่ม Platform
cordova platform add android
cordova platform add wp8
*ในบทความของผมจะใช้แค่ Android กับ Window phone 8 เท่านั้น สำหรับ IOS ผมยังไม่เคยลองใช้จึงจะไม่ขอกล่าวนะครับ
- cordova จะไปสร้าง Project แต่ละ Platform ที่ C:\hello\platforms\
**สำหรับ andorid ต้องสร้างไฟล์ C:\hello\platforms\android\ant.properties ก่อนทำการ build โดยให้ไฟล์ให้ใส่ข้อมูลของ keystore ดังนี้
key.store=E:/Working/WorkingOutTime/Unity/Key/masterkey.keystore
key.alias=train_board_game_of_thai
key.store.password=xxxx
key.alias.password=xxxx
- หลักจาก add Platform แล้วให้เราทำการ build เพื่อให้ได้ไฟล์ .apk และ .xap โดยให้เราพิมพ์คำสั่งดังนี้
cordova build android --release
cordova build wp8 --release
และให้ไปหาไฟล์ .apk และ .xap ที่
C:\hello\platforms\android\ant-build\ \\สำหรับ Android
C:\hello\platforms\wp8\Bin\Release\ \\สำหรับ Window Phone
จบขั้นตอนการติดตั้ง และการ build เบื่องต้นสำหรับปัญหาต่างๆ เช่นการตั้งค่า Permission หรือการใส่รูป Icon ผมจะกลับมาบอกในบทความต่อไป
สุดท้ายผมอาจเขียนบทความชวนงง และพิมพ์ผิดๆถูกๆ ก็ขออภัยด้วยนะครับนักเขียนมือใหม่ ฮ่าๆ
