ReactReact Native

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

เรื่องที่เกี่ยวข้อง - , ,
react-native-ios-javascript

อัพเดตข้อมูลล่าสุดเป็นปี 2020 ให้แล้วนะ 👍🎉

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

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

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

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

เปิดอบรม React Native สำหรับผู้เริ่มต้น

ปูพื้นฐาน React และ React Native เข้าใจง่าย, ใช้ได้จริง, เนื้อหาใช้ในการทำแอพ Enterprise ขององค์กรได้

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

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

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

1. ติดตั้ง Node JS

2. ติดตั้ง Homebrew

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

3. ติดตั้ง NVM

เปิดโปรแกรม Terminal และให้ก๊อปปี้คำสั่งด้านล่าง ไปรันในหน้าต่างโปรแกรม Terminal

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.2/install.sh | bash

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. ติดตั้งชุดคำสั่ง React Native

รันคำสั่งในโปรแกรม Terminal

sudo npm install -g react-native-cli 
sudo npm install -g exp 
sudo npm install -g expo-cli
sudo npm install -g create-react-native

8. ติดตั้งโปรแกรม Expo

เราจะใช้ Expo เพื่อลดระยะเวลาในการทดสอบแอพพลิเคชั่น สามารถดาวน์โหลดได้จากลิ้งค์ด้านล่าง

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

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

สรุป

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

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

เปิดอบรม React Native สำหรับผู้เริ่มต้น

ปูพื้นฐาน React และ React Native เข้าใจง่าย, ใช้ได้จริง, เนื้อหาใช้ในการทำแอพ Enterprise ขององค์กรได้

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

Loading Facebook Comments ...
Menu