# Tech Sharing 1209

- build react native project
- expo
- xcode
- android studio
- publish app

---

### Expo


---

- Expo Application Services (EAS)
- 底層跟 app 之間的橋樑，同時也提供了一些懶人包

- EAS Build
- building app


- 可以下載 (Android App Bundle, AAB) 檔案
- AAB : 2018 年推出的 Android 發布格式

- EAS Submit
- uploading and submitting app to the App Store
- EAS Update
- push quick fix to end-users

---

### Android Studio

- 建構 AAB（Android App Bundle, AAB)
- 用 keytool 來產生一個私鑰
- 簽署設定加到應用程式的 gradle 設定檔
- gradle : 專案建置自動化工具 （ Java 世界的 Makefile )
- 只要加上 `signingConfigs` 還有 `buildTypes.release.signingConfig`

     android {
        ...
        defaultConfig { ... }
        signingConfigs {
            release {
                ...
            }
        }
        buildTypes {
            release {
                ...
                signingConfig signingConfigs.release
            }
         }
      }

- Gradle 的 assembleRelease 會把所有需要執行的 JavaScript 也都打包
- `cd android && ./gradlew assembleRelease`

- 提交完 打包好的 aab 檔案 到 google play console


---

### Xcode

- React Native 的專案都會有一個 `.xcworkspace` 放在 ios 目錄裡面，例如 `ios/OmniCommerceApp.xcworkspace`



- Bundle Identifier
- 用來識別，必須是全 App Store 唯一的，不能重複，上架後也不能修改

- Deployment Info
- 選擇不同的支援對象也會需要準備不同的 Icon 和 Launch Image


- app 需要的 icon 尺寸
- [makeappicon](https://makeappicon.com/)


- Launch Screen 是指 App 還在載入時所顯示的畫面
- Launch Screen 有兩種做法：
1. 使用圖檔
2. 用 Xcode Storyboard 來做


- 設定 Release 版 Scheme
- ❗️使用者搖晃手機時就會跳出開發者選單


- 指定 Destination

- 選擇 Archive
- xcode 會開始 build 一系列的東西
- Build Successed 後 就可以把打包好的檔案傳送到 app store conntect 提交審查

---

### reference

Image | [Expo](https://docs.expo.dev/)
Blog | [iOS Launch Image](https://medium.com/@binglu/%E8%A8%AD%E8%A8%88%E8%88%87%E8%A3%BD%E4%BD%9C-ios-launch-image-82e387ce56c8#.7torr59dh)