Deploy expo app to App Store

unbegrenzt

Jorge Morales

Posted on July 4, 2024

Deploy expo app to App Store

Support me on Ko-fi
ko-fi

Prepare your Xcode environment

  • Download and install from the app store
    Xcode on appstore

  • Open Xcode and download the required runtime tools
    Xcode settings tab

  • Login your apple developer account to Xcode
    Xcode setting tab login

  • 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
Enter fullscreen mode Exit fullscreen mode

iTerm tools versions printed

Creates new App on Apple developer account.

  • keep the bundle id and the app name App on apple connect

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"
      }
    }
  }
}
Enter fullscreen mode Exit fullscreen mode
  • generate the Xcode project for submit to revision with TestFlight
npx expo prebuild --no-install --platform iOS
cd ios/
pod install
Enter fullscreen mode Exit fullscreen mode

Deploy using Xcode

  • sign your app
    Xcode sign tab

  • Xcode select > product > destination > any iOS devices, for creates a target build then Xcode select > product > archive

  • Now you're ready to fly

Modal for deploy on Xcode

💖 💪 🙅 🚩
unbegrenzt
Jorge Morales

Posted on July 4, 2024

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

Deploy expo app to App Store
mobile Deploy expo app to App Store

July 4, 2024