Posted on Jul 4, 2024

Deploy expo app to App Store

#mobile #appstore #reactnative #ios

Support me on Ko-fi

Prepare your Xcode environment

Download and install from the app store
Open Xcode and download the required runtime tools
Login your apple developer account to Xcode
Now on your iterm install "Xcode command line tools" for IOS development, "HomeBrew" for package managing, "rbenv" tool for install multiple ruby versions is still required Ruby >= 3.X.X and "cooapods" for the project dependencies.

Here refer link and how to install

Check the iterm

xcode-select –-version brew -v rbenv -v ruby -v pod --version

Creates new App on Apple developer account.

keep the bundle id and the app name

Expo project setup

setup the app.json to the correct name of your app, version and bundle identifier.

{ "expo": { "name": "App name for app store", "slug": "here your eas project name", "version": "2.0.0", "orientation": "portrait", "icon": "./src/assets/icon.png", "userInterfaceStyle": "light", "splash": { "image": "./src/assets/splash.png", "resizeMode": "contain", "backgroundColor": "#ffffff" }, "assetBundlePatterns": [ "**/*" ], "ios": { "supportsTablet": true, "bundleIdentifier": "com.the.bundle.id.certificate.you.create.for.the.app" }, "android": { "adaptiveIcon": { "foregroundImage": "./src/assets/adaptive-icon.png", "backgroundColor": "#ffffff" }, "package": "com.your.android.package" }, "androidStatusBar": { "translucent": true }, "web": { "favicon": "./src/assets/favicon.png" }, "plugins": [ [ "expo-build-properties", { "android": { "usesCleartextTraffic": true } } ] ], "extra": { "eas": { "projectId": "42321317-71111-1111-11-12rfefwd12321" } } } }

generate the Xcode project for submit to revision with TestFlight

npx expo prebuild --no-install --platform iOS cd ios/ pod install

Deploy using Xcode

sign your app
Xcode select > product > destination > any iOS devices, for creates a target build then Xcode select > product > archive
Now you're ready to fly