Publish an APP on the APP Store (iOS) with React Native

Tiempo de lectura: 3 minutos

Reading time: 4 minutes

Today I’m going to show you how to publish an app on the App Store (iOS).

The first thing we need to do is create an iOS developer account ($99/year) https://developer.apple.com/account

Once created and validated, we proceed to create the app. Go to Program resources and select App Store Connect > Apps.

Now go to the title and click on + and select New App.

We fill in the requested information:

The pack ID matches the “bundleIdentifier” ID indicated in the app.json file, which is stored once the first build is generated from React Native (How to create a development build using Expo EAS with React Native).

And SKU, we invent the code (it is a unique identifier that is not visible in the App Store).

Once created, we have to add all the required resources:

We will also take a screenshot in different resolutions (we can use the iOS emulator to take them). Remember to add all the Mandatory in this case are iPhone 6.5, 5.5, and iPad 6 and 2nd generation.

We can also add login information, which will allow adding an account that the reviewer can use.

Once you have filled in the Apple Store information, you need to continue adding the different sections:

Reading time: 4 minutes

Today I’m going to show you how to publish an app on the App Store (iOS).

The first thing we need to do is create an iOS developer account ($99/year) https://developer.apple.com/account

Once created and validated, we proceed to create the app. Go to Program resources and select App Store Connect > Apps.

Now go to the title and click on + and select New App.

We fill in the requested information:

The pack ID matches the “bundleIdentifier” ID indicated in the app.json file, which is stored once the first build is generated from React Native (How to create a development build using Expo EAS with React Native).

And SKU, we invent the code (it is a unique identifier that is not visible in the App Store).

Once created, we have to add all the required resources:

We will also take a screenshot in different resolutions (we can use the iOS emulator to take them). Remember to add all the Mandatory in this case are iPhone 6.5, 5.5, and iPad 6 and 2nd generation.

We can also add login information, which will allow adding an account that the reviewer can use.

Once you have filled in the Apple Store information, you need to continue adding the different sections:

Once all the data is filled in, we move on to pricing:

We select the prices, in my case, I select free.

Now we select the privacy policy. It is very important to provide a URL to the app’s privacy policy.

We fill out the form about the data our app uses and then fill in the sections for each type of data:

Once we have filled everything, we can generate a build.

We have to install EAS:

npm install -g eas-cli && eas login

Once installed, we need to configure the necessary data for the app in EAS:

We open our eas.json file and add the following information:

"submit": {
    "production": {
      "ios": {
        "appleId": "ourIOSAccountEmail",
        "ascAppId": "password",
        "appleTeamId": "apple_team_id"
      }
    }
  },

We add the following information:

  • Apple id: Apple developer account email.
  • ascAppId: Apple developer account password.
  • appleTeamId: Apple team ID (associated with our account in App Store Connect).

To publish, we first need to generate a production build:

eas build -p ios --profile production

It will ask us to log in with our account. We enter the data and allow access to the account.

Then it will generate a Distribution profile and build the app (it takes a while).

Once generated, we need to upload the build to the App Store with the following command:

eas submit -p ios

Now we select the build we want to submit, and finally, the following message appears:

Now you can select the APP within the App Store Connect and submit it for review or use it in TestFlight.

To complete the publication, you will need to select the added build in the Builds section.

And now you need to add Export Compliance Information.

To provide this information, click on the added build:

The build configuration screen will open.

Now choose Test Information:

Click on Provide Export Compliance Information

A form will appear:

You can also provide it directly in info.plist

In this case, select that none of the above-mentioned algorithms apply unless your app includes any implemented algorithm.

Leave a Comment