DEV Community

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

Posted on

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

Top comments (0)