Ionic FrameworkPhoneGap/Cordova

เผยวิธีรันแอพ iOS ด้วย Xcode 7 แบบไม่ต้องเสียเงิน

เรื่องที่เกี่ยวข้อง - ,

สำหรับคนที่ติดตามข่าวของ Xcode 7 (โปรแกรมครอบจักรวาลที่ใช้พัฒนาแอพ iOS, Watch App, Mac App) จะพอทราบว่า

Xcode 7 ได้ผ่อนปรนให้นักพัฒนาสามารถรันแอพของตัวเองในอุปกรณ์ iOS ได้ โดยที่ไม่ต้องเสียเงินสมัคร Developer Program

แต่ถ้าต้องการขายบน App Store ก็ต้องเสียเงินก่อนนะแจ้

สำหรับบทความนี้สามารถใช้ได้กับแอพ iOS ที่สร้างด้วย

  • ภาษา Native อย่าง Objective-C, Swift
  • ภาษาเว็บอย่าง PhoneGap และ Ionic Framework รวมถึง React Native ด้วยครับ

วิธีการรันแอพ iOS ลงในอุปกรณ์จริง โดยไม่ต้องเสียเงินสมัคร Developer Program

1.เปิดบัญชี Apple ID

อย่างแรกสุดเราต้องมี Apple ID ที่เราสามารถสมัครได้ง่ายๆ ทีนี่

Apple ID registration thai

ซึ่ง Apple ID นี้สามารถใช้เป็นตัวเดียวกับที่เราสมัครใช้ซื้อแอพ หรือเพลงผ่านระบบ iTune หรือ iCloud ของ Apple ได้ครับ

คนที่ทำกิจกรรมเหล่านี้เป็นปกติ อาจจะมี Apple ID อยู่แล้วก็ได้

1. ซื้อเพลง, แอพ ผ่าน iTune

2. ใช้ iCloud

2. ติดตั้ง Xcode 7

เราสามารถติดตั้ง Xcode 7 ได้จาก Mac App Store (มีมาให้ตั้งแต่ OS X 10.6.6 รหัส Snow Leopard) ซึ่งสามารถคลิกจากหน้าเว็บนี้เพื่อไปยัง Mac App Store ได้เลย

ปล. ไฟล์ใหญ่มาก ควรเผื่อเวลาในการดาวน์โหลด

Xcode 7 in Mac App store

 

3. เพิ่มบัญชี Apple ID ใน Xcode

  1. คลิกเปิดเมนู Xcode
  2. คลิก Preferences…
  3. คลิก Accounts
  4. คลิกปุ่ม +

Add Apple ID to Xcode

กรอก Apple ID ของเราลงไป

  1. กรอก Apple ID (Email และ Password)
  2. กดปุ่ม Add

Add Apple ID to Xcode fill the form

4. สร้าง หรือเปิดโปรเจคแอพ iOS

ทีนี้ให้สร้าง หรือเปิดโปรเจคแอพ iOS ที่มีอยู่ขึ้นมา

โดยในที่นี้โค้ชพลใช้โปรเจคแอพ iOS แบบ Native ที่สร้างด้วย React Native ครับ

สำหรับมือใหม่ ลองดูขั้นตอนการสร้างโปรเจคแอพ iOS ด้านล่างนี้ได้เลย

  1. ไปที่เมนู File เลือก New
  2. เลือก Project…

New project in Xcode

  1. เลือกหมวด “Application”
  2. เลือกประเภทโปรเจคที่ต้องการ (ในที่นี้โค้ชเลือก Single View Application)
  3. กดปุ่ม Next และกรอกข้อมูลที่จำเป็น

Choose iOS application template

5. กำหนด Bundle Identifier และเลือก Team Profile

  1. ให้เราคลิกเลือกชื่อโปรไฟล์ ของโปรเจคเราจากบริเวณด้านซ้ายของ Xcode
  2. กรอก Bundle Identifier: (คล้ายๆ กับเลขประจำตัวประชาชนของแอพเรา มีหลักในการตั้งคือ Reverse domain name หรือเขียนชื่อ domain name เราแบบย้อนกลับ)
  3. เลือกโปรไฟล์ Team : ในที่นี้ควรจะมีชื่อ Apple ID ที่เราใส่ไปในข้อ 3

Add team and bundle identifier to Xcode project

6. เชื่อมต่ออุปกรณ์ iOS เข้ากับเครื่องคอมพิวเตอร์ของเรา

ให้ทำการเสียบสาย Lighting เข้ากับอุปกรณ์ iOS (เช่น iPhone, iPod, หรือ iPad) และคอมพิวเตอร์ของเราผ่าน port USB

7. เลือกอุปกรณ์ iOS ที่เชื่อมต่อเป็นเป้าหมายในการรันแอพของโปรเจค

ขั้นตอนนี้เราสามารถกำหนดเป้าหมายในการรันตัวแอพบน Xcode ไปที่อุปกรณ์พกพาของเราได้

ถ้าเป็นการเชื่อมต่อครั้งแรก อาจจะมีหน้าต่างขึ้นมาขออนุญาตในอุปกรณ์ iOS และ/หรือ Xcode ให้กด​ Trust, หรือ Enable อย่างใดอย่างหนึ่งตามสถานการณ์

บน Xcode เราสามารถเลือก Destination เป็นชื่อเครื่องของเราได้

  1. ไปที่ Product เมนู
  2.  เลือก Destination
  3. เลือกชื่อเครื่องที่เราเชื่อมต่อไว้แล้ว

Set Destination to iOS Device

เราสามารถเลือกอุปกรณ์ที่เราเชื่อมต่อไว้แล้ว ได้จากส่วนของ Scheme เช่นเดียวกัน

Set Scheme to iOS Device

8. กดปุ่ม Build & Run

ถ้าเราพร้อมแล้ว ก็กดปุ่ม Build & Run เพื่อให้ Xcode เร่ิมกระบวนการคอมไฟล์ส่งแอพพลิเคชั่นเข้าอุปกรณ์ iOS ของเรากันเลย

สรุป

จะเห็นได้ว่าขั้นตอนทั้งหมดคล้ายกับการใช้บัญชี Apple Developer Program มาก เพียงครั้งนี้เราใช้แค่ Apple ID เท่านั้นเอง

ส่วนประกอบสำคัญ 3 ส่วนก็คือ

  • ต้องมี Apple ID
  • ต้องติดตั้ง Xcode เวอร์ชั่น 7 เป็นต้นไป
  • อุปกรณ์ iOS และเครื่อง Mac จะต้องเชื่อมต่อและตั้งค่าให้ถูกต้อง

ถ้าติดปัญหาอะไร ลองคอมเม้นต์ฝากไว้ หรือคุยกันด้านล่างได้ครับ

โค้ชพลขอตัวก่อนล่ะ แว้บบบบบ

เปิดอบรมสร้าง Cross Platform Mobile Application ด้วย Ionic Framework

เหมาะสำหรับคนทำเว็บ, เริ่มต้น JavaScript ES6 และ Angular เข้าใจง่าย, ใช้ได้จริง

สอบถาม หรือติดต่อจัดอบรมโทร 083-071-3373

โปรหน้าฝน! เรียนรอบสด รับคอร์สออนไลน์มูลค่ากว่า 5800 บาทฟรี!

Loading Facebook Comments ...

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