DEV Community

Cover image for Deploy expo app to App Store
Jorge Morales
Jorge Morales

Posted on

4 1 1 1 1

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

Sentry mobile image

Is your mobile app slow? Improve performance with these key strategies.

Improve performance with key strategies like TTID/TTFD & app start analysis.

Read the blog post

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay