BeginningDeveloperFeaturedHTML5iOS DeveloperNewbieObjective CProgramming Language

ติดตั้ง Cordova สำหรับ Cross Platform ร่วมกับแอพพลิเคชัน iOS

วิธีการติดตั้ง Cordova สำหรับนักพัฒนาสาย Hybrid Application เพื่อใช้ HTMl5 หรือ Mobile Web App มาทำงานร่วมกับ แพลตฟอร์ม iOS ผ่านการติดตั้งร่วมกับ XCode และ Node JS แบบเริ่มต้น

เริ่มต้นให้เข้าไปดาวน์โหลด และติดตั้ง NodeJS ก่อนครับ โดยการไปที่เว็บไซต์ http://www.nodejs.org แล้วดาวน์โหลดมาติดตั้งบนเครื่องคอมพิวเตอร์ของคุณ

ไปที่เว็บไซต์ http://www.nodejs.org
ไปที่เว็บไซต์ http://www.nodejs.org

เปิด Terminal บน OSX ของคุณขึ้นมา เราจะต้องติดตั้ง Cordova ก่อนด้วยคำสั่งนี้

sudo npm install -g cordova

ระบบจะถามหารหัสผ่านเครื่องของคุณก่อน ใส่รหัสเข้าไป แล้วก็รอการติดต้้ง

Screen Shot 2557-07-16 at 5.33.08 PM

เมื่อเสร็จเรียบร้อยก็จะได้ดังนี้

Screen Shot 2557-07-16 at 5.44.18 PM

ให้เราทำการเพิ่มคำสั่ง Create Project ของ Cordova ขึ้นมา ให้ใช้คำสั่ง

cordova create SampleApp

ถ้าไม่มีอะไรผิดพลาดจะได้ผลลัพธ์ดังนี้

Screen Shot 2557-07-16 at 5.44.53 PM

หากว่าเสร็จเรียบร้อยให้เราทำการ เพิ่ม Platform สำหรับ เป็น XCode Template ลงไปใน Project ที่เราสร้างโดยไปที่ Folder ที่เราเพิ่งสร้างก่อนคือ Sampleapp

cd SampleApp

ใช้คำสั่งต่อไปนี้

cordova platform add ios

Screen Shot 2557-07-16 at 5.50.46 PM

เรียบร้อย คราวนี้เราลองไป เปิด XCode แล้วทำการ Open Project ก่อน ซึ่งสิ่งที่เราจะเรียกคือ

Path/SampleApp/platform/ios/โปรเจ็ค XCode

ตัวอย่าง

Screen Shot 2557-07-16 at 6.15.18 PM

ทดสอบลอง Run ตัวแอพพลิเคชันของเราหน่อย

Screen Shot 2557-07-16 at 6.17.28 PM

ใช้งานได้แล้ว ทีนี้ก็สามารถทำ Hybrid App มา Cross Platform ได้

Asst. Prof. Banyapon Poolsawas

อาจารย์ประจำสาขาวิชาการออกแบบเชิงโต้ตอบ และการพัฒนาเกม วิทยาลัยครีเอทีฟดีไซน์ & เอ็นเตอร์เทนเมนต์เทคโนโลยี มหาวิทยาลัยธุรกิจบัณฑิตย์ ผู้ก่อตั้ง บริษัท Daydev Co., Ltd, (เดย์เดฟ จำกัด)

Related Articles

Back to top button

Adblock Detected

เราตรวจพบว่าคุณใช้ Adblock บนบราวเซอร์ของคุณ,กรุณาปิดระบบ Adblock ก่อนเข้าอ่าน Content ของเรานะครับ, ถือว่าช่วยเหลือกัน