บทความนี้เป็นส่วนหนึ่งของหลักสูตร “สร้างแอพ iOS และ Android แบบ Native ด้วย Angular 2 และ NativeScript” เพื่อให้พวกเราเตรียมเครื่องให้พร้อม ก่อนมา Workshop กันจริงๆ ในคอร์สครับ
สำหรับใครที่จะเตรียมเครื่อง Mac ไว้ทำ Android Application ให้ไปดูที่นี่
วิธีติดตั้ง NativeScript เพื่อทำแอพ iOS บน MacOS และ OS X ประกอบไปด้วย
- ติดตั้ง Node JS
- ติดตั้ง NativeScript
- ติดตั้ง Homebrew
- ติดตั้ง Xcode และ Development Tools
- ติดตั้ง xcodeproj
- ติดตั้ง CocoaPods
- ติดตั้ง xcproj
- เช็คความเรียบร้อย
ส่ิงที่ควรรู้
- การจะทดสอบแอพ iOS บน iPhone หรือ iPad ต้องมีการสมัคร iOS Developer Program, ชำระเงิน ($99), และยืนยันให้เรียบร้อย ไม่งั้น Apple จะไม่อนุญาติให้เรารันแอพบนอุปกรณ์ของเราได้
วิดีโอแนะนำการติดตั้ง
ตอนที่ 1: ติดตั้ง Node JS
- ดาวน์โหลด Node JS แนะนำให้ดาวน์โหลดแบบ LTS: Recommended for Most Users
ตอนที่ 2: ติดตั้ง NativeScript
เปิดโปรแกรม Terminal และรันคำสั่งต่อไปนี้
sudo npm i -g nativescript
ตอนที่ 3: ติดตั้ง HomeBrew
จากโปรแกรม Terminal ให้รันคำสั่งต่อไปนี้
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
ตอนที่ 4: ติดตั้ง Xcode และ Development Tools
ขั้นตอนและ Link ที่เกี่ยวข้องใน Video
- Download โปรแกรม XCode มาติดตั้งจาก Mac App Store โดยค้นหา “XCode” หรือคลิกที่ลิ้งค์นี้ และกดปุ่ม “View on Mac App Store”
- ติดตั้ง XCode Command Line Tool
- สำหรับคนที่ใช้ XCode เวอร์ชั่น 5.0 ขึ้นไป (ซึ่งผมคิดว่าคงอัพกันหมดแล้วนะ) ต้อง Download จาก https://developer.apple.com/downloads โดยค้นหาคำว่า “command line” แล้ว Download มาติดตั้ง
ตอนที่ 5: ติดตั้ง xcodeproj
จากโปรแกรม Terminal รันคำสั่งติดตั้ง
sudo gem install xcodeproj
ในกรณีที่เจอ Error ลองดูวิธีแก้ไขตามรายการด้านล่าง
Error 1: activesupport
ถ้าเจอ Error แบบนี้
ERROR: Error installing xcodeproj: activesupport requires Ruby version >= 2.2.2.
ให้รันคำสั่งนี้
sudo gem install activesupport -v 4.2.6
เสร็จเรียบร้อยแล้ว รันคำสั่งติดตั้ง xcodeproj อีกที
sudo gem install xcodeproj
ตอนที่ 6: ติดตั้ง CocoPods
จากโปรแกรม Terminal รันคำสั่งติดตั้ง
sudo gem install cocoapods
ตอนที่ 7: ติดตั้ง xcproj
จากโปรแกรม Terminal รันคำสั่งติดตั้ง
brew install xcproj
ตอนที่ 8: เช็คความเรียบร้อย
ครบทุกขั้นตอนแล้วให้รันคำสั่ง
tns doctor
เพื่อให้ NativeScript เช็คความเรียบร้อยของส่วนต่างๆ ขั้นตอนนี้อาจใช้เวลาพอสมควร ดูให้แน่ใจว่าคอมพิวเตอร์เชื่อมต่อกับแหล่งจ่ายไฟ และอินเตอร์เน็ต
สรุป
เมื่อมาถึงจุดนี้ ถือว่าเครื่อง Mac OS X ของเราพร้อมจะพัฒนาแอพ iOS ด้วย Angular 2 และ NativeScript แล้วครับ มีคำถามสงสัย สามารถสอบถามได้ทางแฟนเพจของผมที่นี่
แล้วถ้าสนใจมาอบรม Workshop กับผมได้ตามรายละเอียดด้านล่างครับ
เริ่มต้นเรียนรู้ NativeScript แบบเข้าใจง่าย Workshop กันได้แอพจริง
โค้ชพลมีจัดคอร์สแบบพอดีๆ 3 วัน สำหรับคนทำเว็บที่อยากเริ่มต้นกับ NativeScript ในการทำ Mobile App ทั้ง iOS และ Android ดูรายละเอียดและลงทะเบียนได้ที่นี่
หรือถ้าต้องการจัดอบรมที่หน่วยงานก็สามารถสอบถามได้ที่เบอร์โทร 083-071-3373