Expo 簡介

起初根本不知道Expo是什麼
是因為React Native官方直接使用了Expo的線上預覽(Snack)
才開始對這款開發工具產生興趣並研究。

Expo官方網站介紹：

https://docs.expo.dev/

圖為React Native 官網介紹Text元件時，右邊有Expo Snack APP預覽功能

Expo是一款針對React Native所訂做的開發工具
它能整合並簡化React Native開發過程
目前主要以Expo CLI指令，簡化一些繁瑣的建置過程

例如：

1. 開發環境配置
   專案init時系統設定都處理好了，不用額外做設定
   也就是不用設定Android Studio or XCode來做為開發環境
2. 網頁瀏覽器就能Coding
   Expo 提供了一個稱為 Expo Snack 的線上開發工具
   能在網頁執行APP，絕對是最強優點之一
3. 內置原生功能
   官方有提供許多原生SDK(相機、定位、震動、文字語音)
   用法簡單，新手一目了然

缺點：

1. 雲端建置APP，不付錢就要等
   在 Day2 裝置、環境評估階段 時
   有提到雲端上架費用問題
   曾經嘗試過Expo EAS佈署工具
   不過雲端建置有等過10小時以上的，甚至更長
   當時與上司討論成本問題後，果斷退坑這款佈署工具
2. Expo套件建置困難
   承第一點，退坑Expo佈署工具後
   就是使用React Native原有功能建置雙平台應用程式
   而Expo SDK放到XCode上，錯誤訊息滿天飛
   IOS建置/爬文研究了兩、三天，才將Expo套件所有的錯誤處理完成

Expo 開發者社區

Expo官方提供一個Discord伺服器(免費社群平台)
供開發者發問、討論、解決問題
Discord邀請連結：https://chat.expo.dev/
社區守則：https://expo.dev/guidelines

基本上都是以英文溝通，建議先閱讀完社區守則再進行發問
也可以看看其他開發者遇見的問題，是否與自身問題一致

Expo 專案開發環境

無論是Windows或MAC，只要安裝Visual Studio Code這款程式碼編輯器
就是踏上前端APP工程師的開始

1. 下載Visual Studio Code IDE

   https://code.visualstudio.com/

   ※其實最低標準其實是只要有記事本跟終端機就能開發
   只是使用感非常不佳🤧

2. NodeJS
   主要用來安裝JavaScript第三方套件及解決套件衝突
   執行環境下載連結

   https://nodejs.org/en/download

3. Git(選配)
   工程師一定要有版本控制的概念
   進而做進度控管作業
   甚至有了版本控制，還能多人開發
   ※選配原因為：Git不會影響任何開發過程

   教學及Git安裝參考

   Git與Github-30天學習歷程系列 第 3 篇
   https://ithelp.ithome.com.tw/articles/10213640

Expo 測試環境

這邊分成兩種作業系統、實體手機做區分
網路上還有許多手機模擬器，依個人喜好去做選擇即可

1. Windows
   • GanyMotion 免費Android模擬器平台
     官網下載：https://www.genymotion.com/
2. MAC OS
   • XCode 免費IOS開發者工具並自帶Iphone、IPad模擬器
     官網下載：https://apps.apple.com/tw/app/xcode/id497799835?mt=12
3. 實體手機
   安裝Expo GO應用程式
   就能輕鬆在手機上進行APP測試
   附上雙平台安裝連結
   Play商店：https://play.google.com/store/apps/details?id=host.exp.exponent&hl=zh_TW&gl=US
   App Store：https://apps.apple.com/us/app/expo-go/id982107779

對於原生模組開發較多的需求
建議以實體手機作為主要測試環境
筆者目前以Android模擬器，Iphone實體手機，進行雙平台開發測試

好的，環境搞定，對Expo有一定了解後
下一篇要來啟動你的第一支APP了😉