วิธีการติดตั้ง Cordova สำหรับนักพัฒนาสาย Hybrid Application เพื่อใช้ HTMl5 หรือ Mobile Web App มาทำงานร่วมกับ แพลตฟอร์ม iOS ผ่านการติดตั้งร่วมกับ XCode และ Node JS แบบเริ่มต้น
เริ่มต้นให้เข้าไปดาวน์โหลด และติดตั้ง NodeJS ก่อนครับ โดยการไปที่เว็บไซต์ http://www.nodejs.org แล้วดาวน์โหลดมาติดตั้งบนเครื่องคอมพิวเตอร์ของคุณ
เปิด Terminal บน OSX ของคุณขึ้นมา เราจะต้องติดตั้ง Cordova ก่อนด้วยคำสั่งนี้
sudo npm install -g cordova
ระบบจะถามหารหัสผ่านเครื่องของคุณก่อน ใส่รหัสเข้าไป แล้วก็รอการติดต้้ง
เมื่อเสร็จเรียบร้อยก็จะได้ดังนี้
ให้เราทำการเพิ่มคำสั่ง Create Project ของ Cordova ขึ้นมา ให้ใช้คำสั่ง
cordova create SampleApp
ถ้าไม่มีอะไรผิดพลาดจะได้ผลลัพธ์ดังนี้
หากว่าเสร็จเรียบร้อยให้เราทำการ เพิ่ม Platform สำหรับ เป็น XCode Template ลงไปใน Project ที่เราสร้างโดยไปที่ Folder ที่เราเพิ่งสร้างก่อนคือ Sampleapp
cd SampleApp
ใช้คำสั่งต่อไปนี้
cordova platform add ios
เรียบร้อย คราวนี้เราลองไป เปิด XCode แล้วทำการ Open Project ก่อน ซึ่งสิ่งที่เราจะเรียกคือ
Path/SampleApp/platform/ios/โปรเจ็ค XCode
ตัวอย่าง
ทดสอบลอง Run ตัวแอพพลิเคชันของเราหน่อย
ใช้งานได้แล้ว ทีนี้ก็สามารถทำ Hybrid App มา Cross Platform ได้