NativeScript

วิธีเตรียมเครื่อง Mac เพื่อพัฒนาแอพ iOS ด้วย Angular 2 และ NativeScript

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

บทความนี้เป็นส่วนหนึ่งของหลักสูตร “สร้างแอพ iOS และ Android แบบ Native ด้วย Angular 2 และ NativeScript” เพื่อให้พวกเราเตรียมเครื่องให้พร้อม ก่อนมา Workshop กันจริงๆ ในคอร์สครับ

สำหรับใครที่จะเตรียมเครื่อง Mac ไว้ทำ Android Application ให้ไปดูที่นี่

วิธีติดตั้ง NativeScript เพื่อทำแอพ iOS บน MacOS และ OS X ประกอบไปด้วย

  1. ติดตั้ง Node JS
  2. ติดตั้ง NativeScript
  3. ติดตั้ง Homebrew
  4. ติดตั้ง Xcode และ Development Tools
  5. ติดตั้ง xcodeproj
  6. ติดตั้ง CocoaPods
  7. ติดตั้ง xcproj
  8. เช็คความเรียบร้อย

ส่ิงที่ควรรู้

  • การจะทดสอบแอพ iOS บน iPhone หรือ iPad ต้องมีการสมัคร iOS Developer Program, ชำระเงิน ($99), และยืนยันให้เรียบร้อย ไม่งั้น Apple จะไม่อนุญาติให้เรารันแอพบนอุปกรณ์ของเราได้

 

วิดีโอแนะนำการติดตั้ง

ตอนที่ 1: ติดตั้ง Node JS

ตอนที่ 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

  1. Download โปรแกรม XCode มาติดตั้งจาก Mac App Store โดยค้นหา “XCode” หรือคลิกที่ลิ้งค์นี้ และกดปุ่ม “View on Mac App Store”
  2. ติดตั้ง XCode Command Line Tool
    • สำหรับคนที่ใช้ XCode เวอร์ชั่น 5.0 ขึ้นไป (ซึ่งผมคิดว่าคงอัพกันหมดแล้วนะ) ต้อง Download จาก https://developer.apple.com/downloads โดยค้นหาคำว่า “command line” แล้ว Download มาติดตั้ง
Download XCode Command Line Tools for PhoneGap XCode 5

ค้นหาคำว่า 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

Loading Facebook Comments ...
Menu