วิธีเตรียมเครื่อง Mac เพื่อพัฒนาแอพ iOS ด้วย React Native รุ่นล่าสุด

บทความนี้เป็นส่วนหนึ่งของหลักสูตร “พัฒนาแอพ iOS และะ Android ด้วย React Native” แบบ in-house/on-site training ที่องค์กร จะได้เป็นพื้นฐาน และให้ทุกคนสามารถทบทวนกันได้

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

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

• การจะทดสอบแอพ iOS บน iPhone หรือ iPad สามารถใช้ Apple ID ปกติที่ใช้ใน App store ทั่วไปได้ แต่จำกัดเครื่องละ 2 โปรเจคนะ
• ถ้าอยากอันลิมิต ต้องมีการสมัคร iOS Developer Program, ชำระเงิน ($99), และยืนยันให้เรียบร้อย

ขั้นตอนการติดตั้ง

1. ติดตั้ง NodeJS
2. ติดตั้ง Homebrew
3. ติดตั้ง watchman
4. ติดตั้ง flow
5. ติดตั้ง Xcode
6. ติดตั้งชุดคำสั่ง React Native
7. ติดตั้ง Expo
8. ติดตั้ง Visual Studio Code

1. ติดตั้ง Node JS

• ดาวน์โหลด Node JS แนะนำให้ดาวน์โหลดแบบ LTS: Recommended for Most Users

2. ติดตั้ง Homebrew

รันคำสั่งติดตั้ง Homebrew ในโปรแกรม Terminal ดูคำสั่งได้จากที่นี่

4. ติดตั้ง Watchman

รันคำสั่งติดตั้ง Watchman ในโปรแกรม Terminal

brew install watchman

5. ติดตั้ง Flow

รันคำสั่งติดตั้ง flow ในโปรแกรม Terminal

brew install flow

6. ติดตั้ง Xcode และ Development Tools

ขั้นตอนและ Link ที่เกี่ยวข้องใน Video

1. Download โปรแกรม XCode มาติดตั้งจาก Mac App Store โดยค้นหา “XCode” หรือคลิกที่ลิ้งค์นี้ และกดปุ่ม “View on Mac App Store”
2. เปิดโปรแกรม Xcode และกดติดตั้งส่วนเสริมเพิ่มเติม

7. ติดตั้งชุดคำสั่ง Expo สำหรับ React Native

รันคำสั่งในโปรแกรม Terminal (หากมีการถามรหัสผ่าน ให้ใส่รหัส super user ที่ตั้งไว้ตอน setup เครื่องครั้งแรก)

sudo npm install -g expo-cli

8. ดาวน์โหลดและติดตั้งแอพ Expo บน Smartphone/Tablet

เพื่อใช้ในการทดสอบการทำงานของแอพพลิเคชั่น ดาวน์โหลดตามระบบที่ใช้ได้ด้านล่างครับ

• Expo บน Google Play Store
• Expo บน App Store

9. ติดตั้ง Visual Studio Code

1. ดาวน์โหลด และติดตั้งโปรแกรม Visual Studio Code
2. เสร็จแล้วกดติดตั้งส่วนเสริมช่วยเขียนโค้ดของ Nextflow จากที่นี่ได้เลย

เสร็จเรียบร้อย

เมื่อมาถึงจุดนี้ ถือว่าเครื่อง Mac OS X ของเราพร้อมจะพัฒนาแอพ iOS ด้วย React Native แล้วครับ มีคำถามสงสัย สามารถสอบถามได้ทางแฟนเพจของผมที่นี่

แล้วถ้าสนใจมาอบรม Workshop กับผมได้ตามรายละเอียดที่นี่ครับ