Mac + Expo + React Native iOS 开发环境搭建教程

书接上文:Windows + Expo + React Native 安卓开发环境搭建教程

大家好,之前我分享了如何在 Windows 本地开发 Expo + RN,本文分享 Mac 本地开发 Expo + RN。

EAS 免费版限制:

为什么我青睐本地开发而不是使用 EAS?因为 EAS 免费版限制太多,首先 EAS 性能没我本地机器好,龟速编译,有时候还要排队,而且编译次数和热更新次数每月都有限制,唯一优点就是 Windows 可以云端编译 iOS 不需要 Mac 设备。

我不鼓励没挣钱之前先花 19 刀订阅 EAS。

交年费

https://developer.apple.com/account

$99/年,没有上架 App 个数限制,分个人认证和组织认证,苹果不认个体户为组织,而是将个体户归类到个人认证,这里和 Google Play 有区别。不过苹果开发者的个人认证和组织认证权限上没有区别,只是在 AppStore App 详情页开发者标签显示的是个人的姓名。

我也不鼓励没挣钱之前先注册公司,可以先用个人认证过渡一下,后期支持迁移。

一台 Mac 设备

1W 以内可以买到一台配置很好的 Mini 或者 Air,想折腾的可以自己做个黑苹果或者虚拟机。

Xcode 下载和使用

可以通过 App Store 或者网页在线下载 Xcode

https://apps.apple.com/us/app/xcode/id497799835

https://developer.apple.com/download/all/?q=xcode

Mac 生态比较封闭了,Xcode 和 Mac 有最低版本要求,同时上传构建版本到 App Store Connect 还要求 Xcode 的最低版本,目前要求 Xcode 至少 26+。

Xcode -> Settings,选择 Command Line Tools:

下载模拟器:

Xcode 会自动管理 identifiers 和 profiles,打包到时候会用到这写配置。

创建 Expo + React Native 项目

https://docs.expo.dev/get-started/create-a-project/

运行项目

安装依赖:

1
2
3
pnpm install

expo install
1
expo prebuild --clean

会生成 android 和 ios 文件夹,开发 iOS 我们只需要用到 ios 即可。

运行:

1
expo run:ios

Mac 好处是可以同时本地开发安卓和 iOS。安卓开发教程参考:Windows + Expo + React Native 安卓开发环境搭建教程

Xcode 编译原生工程和上传构建版本

打开 Xcode,选择 ios 文件夹的位置,点击菜单 Product -> Archive 即可开始编译,编译好之后会弹出上传弹窗,将构建版本上传即可,过一会儿会收到成功的邮件通知,此时在 App Store Connect 后台就能选择到这个构建版本了。

发布

https://appstoreconnect.apple.com/apps

添加一个版本,选择构建版本,补充好 App 信息就可以发布了。新 App 第一个版本审核时间比较长,我自己是 1 星期左右,之后版本迭代审核就很快了,大多数情况下第二天就能审核通过。

总结

同时做网站和 App,甚至小程序、鸿蒙、桌面端,梭哈 React + TypeScript 生态就行了。得益于前端庞大的生态,TS 是 AI 支持是最好的编程语言之一。