PhoneGap/Cordova

สร้างแอพ iOS 7 ด้วย HTML5 และ PhoneGap

เรื่องที่เกี่ยวข้อง - iOS 7, PhoneGap, XCode

iOS 7 นอกจากจะเป็นเวอร์ชั่นล่าสุดของระบบปฎิบัติการบนมือถือที่ได้รับความนิยมมากที่สุดอันหนึงของโลกแล้ว ยังเปลี่ยนแนวคิดการออกแบบ UI/UX ของ Mobile application ไปอีกโข แล้ว PhoneGap จะมีปัญหากับเจ้า iOS 7 ไหม?

สบายๆ กับการสร้างแอพ iOS 7 ด้วย HTML5 และ PhoneGap 3

สำหรับผู้ที่ใช้งาน PhoneGap 3 อยู่นั้น จะไม่มีปัญหากับการเปลี่ยนไปพัฒนา iOS 7 แต่อย่างไรครับ สำหรับผู้ที่ติดตั้ง PhoneGap 3 ใช้งานอยู่แล้ว เราต้องการอัพเดตโปรแกรมและชุดคำสั่งเล็กๆ น้อยๆ เท่านั้น

ส่วนผู้ที่ยังไม่เค๊ย ไม่เคยติดตั้งโปรแกรมไว้ทำแอพ iOS แอพด้วย PhoneGap เลยให้ไปทำตาม video ที่นี่ครับ

1. ติดตั้ง XCode 5

XCode 5 for iOS 7 is good for PhoneGap 3
ติดตั้ง XCode เวอร์ชั่นล่าสุดได้จาก Mac App Store

XCode เป็นโปรแกรมที่จำเป็นในการพัฒนา iOS App ทุกๆ รุ่น  ถ้าเรามี XCode ติดตั้งในเครื่องอยู่แล้วมันยังไม่แจ้งอัพเดต ก็เข้าไปที่ Mac App Store เพื่ออัพเดตนะครับ ใครยังไม่ได้ติดตั้งก็ดูวิธีการติดตั้งจากที่นี่

ไม่ว่าติดตั้ง XCode ใหม่ หรืออัพเดต ก็อย่าลืมไปกด Install Command Line Tools ใน Preference > Downloads นะ

UPDATE: สำหรับ XCode 5.0 ขึ้นไป Command Line Tools จะติดตั้งจาก XCode ไม่ได้ ต้องไป download มาลงเอง ดูวิธี Download ได้จากที่นี่

Install command-line tools for XCode PhoneGap
ลง XCode แล้วก็อย่าลืมมาลง Command Line Tools

2. การอัพเดตไปใช้งาน PhoneGap 3.1

สำหรับผู้ที่ติดตั้ง PhoneGap 3.0 ไว้ก่อนหน้านี้ก็แค่ไปสั่งติดตั้ง PhoneGap ซ้ำครับ (หากใครยังไม่ได้ติดตั้งก็ดูวิธีติดตั้งจากที่นี่ แล้วไม่ต้องไปสั่ง update ล่ะ สร้างแอพตามปกติได้เลย)

แล้วค่อยไปสั่ง update mobile application project ของแต่ละ platform ใน folder PhoneGap project เช่น

cordova platform update android
cordova platform update ios

3. ส่วนอื่นๆ เพิ่มเติม

ตอนนี้เท่านี้ผมเปลี่ยนมาพัฒนา จะมีปัญหาเรื่อง status bar ทับหน้า UI ของแอพเรา ปัญหาอื่นๆ ยังไม่เจอเท่าไหร่ครับ

จะติดปัญหานิดหนึงเรื่อง Status Bar ของ iOS 7 ที่ “กลืน” หน้าแอพของเราเข้าไป ตรงนี้สามารถใช้ Plugin ช่วยได้ คลิกดูที่นี่เลยครับ

แล้วอย่าลืมไปเช็คหน้าเว็บรวมวิธีการใช้ PhoneGap 3 พัฒนา Mobile App ด้วย HTML5 กันนะ

[sc:Promo-below-post ]

 

เริ่มต้นยุค AI ด้วยคอร์สฟรี และพรีเมี่ยม กับพล

หากชอบสิ่งที่พลเล่า เรื่องที่พลสอน สามารถสนับสนุนพลโดยการเข้าเรียนคอร์สออนไลน์ของพลนะคร้าบ

  • เข้าใจง่าย ใช้ได้จริง ออกแบบการสอนอย่างเข้าใจโดยโค้ชพล
  • มีคอร์สสำหรับคนใช้งานทั่วไป จนถึงเรียนรู้เพื่อใช้งานในสายอาชีพขั้นสูง
  • ทุกคอร์สมีใบประกาศณียบัตรรับรองหลังเรียนจบ

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

Allow All
Manage Consent Preferences
  • Always Active

Save