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

ติดตั้ง 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 ก่อนด้วยคำสั่งนี้

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

Screen Shot 2557-07-16 at 5.33.08 PM

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

Screen Shot 2557-07-16 at 5.44.18 PM

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

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

Screen Shot 2557-07-16 at 5.44.53 PM

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

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

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 ได้

Comments

daydevthailand@gmail.com

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

Review overview
NO COMMENTS

Sorry, the comment form is closed at this time.

%d bloggers like this: