Thursday, November 13, 2014

การเพิ่ม plug-in ให้กับ Cordova project

Apache Cordova ตั้งแต่รุ่น 3.0 มา ได้แยกส่วนของ plug-in ออกจากตัวโค้ดหลัก ทำให้โปรแกรมเมอร์ต้องติดตั้ง plug-in แยกต่างหาก ซึ่งก็มีข้อดีและข้อยุ่งยาก ข้อดีที่ผมเห็นก็คือ นักพัฒนาสามารถเลือกที่จะเพิ่ม ลบ อัพเดท plug-in ให้กับโปรเจคของตนเองได้ โดยไม่ต้องมี plug-in ทั้งหมดอยู่ด้วยกันเหมือนแต่ก่อน และทำให้ผู้ที่สนใจพัฒนา plug-in เองสามารถแลกเปลี่ยนและแจกจ่าย plug-in ได้ง่ายขึ้น ผ่านเว็บ http://plugins.cordova.io/

ส่วนข้อยุ่งยากคือ มันไม่สามารถติดตั้ง plug-in เองได้ง่ายๆ จริงแล้ว plug-in หลักๆสามารถไปดาวน์โหลดได้ที่ https://www.apache.org/dist/cordova/plugins/ แต่ผมลองพยายามติดตั้งแล้ว ไม่สำเร็จ ลองไปแกะโค้ดที่ติดตั้งผ่านเครื่องมืออื่น ก็พบว่ายุ่งยากพอสมควร

เลยตัดสินใจกลับมาทำตามคู่มือ
วิธีแรก ถ้าเราติดตั้ง Cordova แบบแรก (คือเลือก platform) ให้ใช้ plugman เข้าช่วย
วิธีที่สอง ถ้าเราติดตั้ง Cordova แบบที่สองคือผ่าน npm ก็ติดตั้ง plug-in ง่ายๆได้เลย

สรุปแล้ว ถ้าติดตั้งแบบเลือก platform ต้องติดตั้ง plugman ต่อ ซึ่งตัวนี้ก็ต้องติดตั้งผ่าน npm อยู่ดี สรุปแล้วยังไงก็ต้องทำกระบวนการติดตั้งแบบวิธีที่สองโดยติดตั้ง npm และ plugman ให้เสร็จก่อน ตามนี้ (ไม่ต้องติดตั้ง cordova ก็ได้)

จากนั้น
กรณีแรก
ไม่ติดตั้ง Cordova แต่ดาวน์โหลดตัว platform มา เช่น Android ก็เปิด command prompt เรียก setpath.bat ที่เคยทำไว้ในบทความก่อนหน้านี้ สมมติว่าโปรเจคเราอยู่ที่ D:\mobile\code\hello

จากนั้นใช้คำสั่งในรูปแบบ
plugman install --platform --project --plugin
เช่น ถ้าต้องการติดตั้ง plugin ชื่อ geolocation สำหรับบอกพิกัดของอุปกรณ์ ก็จะใช้คำสั่ง
plugman install --platform android --project D:\mobile\code\hello --plugin org.apache.cordova.geolocation
ก็เป็นอันเรียบร้อยแล้วครับ

กรณีที่สอง
ติดตั้ง Cordova แล้ว เปิด command prompt เรียก setpath.bat ที่เคยทำไว้ในบทความก่อนหน้านี้ ย้ายไปยังโฟลเดอร์ของโปรเจค เช่น D:\mobile\code\hello แล้วก็ใช้คำสั่งง่ายๆ คือ
cordova plugin add org.apache.cordova.geolocation
ก็เสร็จแล้วครับ

No comments:

Post a Comment