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

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 ]

 

Leave a Reply

Your email address will not be published. Required fields are marked *

Fill out this field
Fill out this field
Please enter a valid email address.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Menu