ติดตั้ง Cordova สำหรับ Android และ Window Phone 8

นานๆจะกลับมาเขียนบทความซักที ก็อย่าให้เสียเวลามาเริ่มกันเลยดีกว่า

เมื่อไม่นานมานี้ผมได้ลองอ่านและได้ศึกษาข้อมูลเกี่ยวกับ Cordova
                Cordova คืออะไร? ผมจะไม่ขอกล่าวรายระเอียดแต่จะขอสรุปสั้นๆง่ายๆว่า Cordova คือเครื่องมือที่ใช้พัฒนา Application บน Smart phone แบบ Cross platform ด้วยภาษาเว็บซึ่งในที่นี้ก็คือ HTML5,CSS,Javascript มาถึงตรงนี้หลายคนคงอยากพัฒนา Application ขึ้นมาทันทีเลยใช่ไหม งันเรามาเริ่มกันเลยดีกว่า

1.เริ่มติดตั้ง Cordova

                 เริ่มต้นให้ตรวจสอบว่าติดตั้ง Node.js หรือยังโดยไปที่ run>cmd และพิมพ์ npm –version

ถ้าคนที่ติดตั้งแล้วจะขึ้นเลข Version ตามรูป แต่สำหรับคนที่ยังไม่ลงโปรแกรม Node.js ให้ไปหาโหลดกันก่อนที่ http://nodejs.org/ (Node.js คืออะไรอยากรู้คลิกเลย)

                หลังจากติดตั้งเสร็จแล้วให้เราพิมพ์คำสั่ง npm install -g cordova และรอโปรแกรมติดตั้งจนเสร็จ

2.เพิ่ม Environment Variables สำหรับ Android

                การเพิ่ม Environment นี้สำคัญมากเพราะถ้าตั้งค่าไม่ถูกเราจะทำการสร้าง Project Android ไม่ได้เลย และสำหรับ Variables ตัวไหนมีแล้วอย่าไปลบของเก่านะครับให้เพิ่มต่อท้ายโดยใช้เครื่องหมาย ; เป็นตัวปิดประโยค โดยให้ทำตามขั้นตอนนี้

                - กดคลิกขวาที่ MyComputer > Properties > Advanced System settings > Environment Variables…

- กดปุ่ม New ที่ฝั่ง System หรือ User ก็ได้จากนั้นให้ใส่ค่าตามตารางด้านล่าง

Variables	Value	Ex.
ANDROID_HOME	ที่อยู่ android sdk โหลดที่ คลิก	C:\\Program Files (x86)\\android-sdk-windows
ANT_HOME	ที่อยู่ apache-ant โหลดที่ คลิก	C:\apache-ant\apache-ant-1.9.4
JAVA_HOME	ที่อยู่ของ JDK โหลดที่ คลิก	C:\Program Files\Java\jdk1.8.0_31
PATH	เพิ่ม PATH ของเครื่องมือทั้งหมด	%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;%JAVA_HOME%\bin;%ANT_HOME%\bin;

เพียงเท่านี้เราก็สามารถสร้าง Project สำหรับ Window phone 8 / Android ได้แล้ว เดียววิทีการสร้างเราจะมาต่อกันที่บทความต่อไป เริ่มต้นสร้าง Project กับ Cordova สำหรับ Android และ WIndow phone 8