เคล็ดลับ Ionic #1: วิธีรันแอพ iOS ใน Simulator, iPhone, iPad ด้วย Terminal

สำหรับหลายๆ คนที่เคยพัฒนาแอพ iOS ด้วย Xcode ไม่ว่าจะเป็นภาษา Objective-C หรือ Swift จะเคยชินกับการรันทดสอบตัวแอพพลิเคชั่นบน Simulator หรือบน iPhone กับ iPad ผ่าน Xcode ซึ่งอาจจะรู้สึกขัดๆ กับการใช้ Command-Line Tools อย่างโปรแกรม Terminal

แต่จริงๆ แล้วเราสามารถสั่งรันทดสอบแอพได้จาก Terminal ได้โดยตรงเลย เพียงแต่เราต้องติดตั้งระบบนอกเหนือจาก PhoneGap/Cordova และ Ionic Framework อีก 2 ตัว นั่นคือ

1. ios-sim
2. ios-deploy

วิธีติดตั้ง ios-sim และ ios-deploy

ก่อนเริ่ม ในเครื่องของพวกเราต้องติดตั้ง NPM (Node Package Manager) ให้เรียบร้อยแล้วนะ ดูวิธีติดตั้งบน OS X ได้ที่นี่

1. เปิดโปรแกรม Terminal
2. รันคำสั่งติดตั้ง ios-sim

   sudo npm install -g ios-sim

3. รันคำส่ังติดตั้ง ios-deploy

   sudo npm install -g ios-deploy

วิธีการรันโปรเจคแอพ iOS

การรันโปรเจคแอพ iOS ของ Ionic Framework นั้น จะมีตัวเลือกคล้ายๆ กับบน Xcode นั่นคือ

1. รันบน Simulator
2. รันบนอุปกรณ์จริง (iPhone หรือ iPad)

1. รันโปรเจคแอพ iOS บน Simulator

ให้เข้าไปที่ folder โปรเจคของเรา (ในตัวอย่าง folder ชื่อ NextflowApp) แล้วรันคำสั่งต่อไปนี้

ionic run ios

2. รันโปรเจคแอพ iOS บน iPhone, iPad

ก่อนเริ่มขั้นตอนนี้ พวกเราต้อง:

1. สมัครเข้าโครงการ Apple Developer Program, ชำระเงิน, และเข้าไปเปิดใช้งานให้เรียบร้อย
2. เปิดโปรแกรม Xcode ขึ้นมาเข้าใช้งานอย่างน้อย 1 ครั้ง

ให้เข้าไปที่ folder โปรเจคของเรา (ในตัวอย่าง folder ชื่อ NextflowApp) แล้วรันคำสั่งต่อไปนี้

ionic run ios —-device

เพิ่มเติม

เทคนิคนี้น่าจะช่วยให้คนที่ย้ายมาใช้ Ionic Framework และ AngularJS ทำการงานได้เร็วขึ้น ไม่ต้องสลับไปมาระหว่าง Xcode กับ Terminal นะ

มีคำถาม หรืออยากคุยเพิ่มเติม ทิ้ง comment ไว้ด้านล่างโลดครับ เดี๋ยวโค้ชพลจะกลับมาคุยด้วยครับ