Apps

How to Deploy a React Native App to iOS & Android?

Deploy a React Native App to iOS & Android
Views

Kudos to you for burning the midnight oil and completing the development of your react native mobile application. Now, you are probably geared up to launch your mobile application to Apple’s app store or Google Play. Right? This insightful post will walk you through the process that you need to follow for the successful deployment of your mobile app. Without further ado, let’s get started.

Prerequisites For Mobile App Launch

App Launch Prerequisites

When preparing for the app launch, you should have the following information:-

  • Application Name: It should be unique, catchy, short, and relevant.
  • Application Description: Write a short and engaging description of what your app does when populating the description with target keywords.
  • App Screenshots: Use 5-6 coherent screenshots showcasing the key features of your mobile application. Place the most important one in the beginning.
  • App Version
  • Bundle Identifier: The preferred format is com. CompanyName.AppName. For instance, com.Facebook.Instagram.
  • Developer/Publisher Profile

App Store Prerequisites

  1. Target Keywords (need to be separated by commas).
  2. Countries – Select the countries where your mobile application will be available.
  3. App Category: Choose a category and subcategory that suit best to your mobile application.
  4. Copyright: YYYY Company Name
  5. Demo account

Google Play Prerequisites

  • App Category: Choose the right category for your application
  • Icon: A 512x512px app icon of any shape is required.
  • Several screenshots that truly define your application.

Publisher Information That You Must Have

Before you start deploying your react native mobile app, you need to have some information about the publisher, including:-

  • First and last name of the publisher
  • Name of the organization (could be the same as the profile name)
  • Name of your city or locality
  • Name of your state or province
  • Mobile number of the publisher
  • Email Address of the publisher

Steps To Create Listing In App Store

  1. Navigate to iTunes Connect in your web browser
  2. Login and click on ‘My Apps’
  3. Click on the “+” sign present on the top left of the screen
  4. Click “New iOS App”
  5. Bundle ID: Select the one that you have created in Developer Portal
  6. Make sure that the SKU match with the Bundle ID that was created earlier
  7. Click on the ‘Create’ option to create the first version of your listing

Deploying React Native Mobile Application

Here are the instructions for publishing Expo applications:-

Set up all the configurations in the app.json. It will appear similar to this.

Deploying React Native Mobile Application

  1. Make a distinct account for the application/customer/organization.
  2. Launch your mobile application
  3. Create a certificate for push notification
  4. For Play Market, get your privacy policy link
  5. Set up all the p12 files, keys, and certificates
  6. Set up builds via exp build: Android or exp build: iOS.
  7. Use custom keys/certificates.

Deploying React Native Mobile Application

Once done with this, submit the IPA file through the app loader.

iOS

  1. Begin Xcode
  2. Open the workspace or project
  3. Update the build numbers and version
  4. Open build settings
  5. Ensure all settings are selected
  6. Scroll to code signing
  7. Make the use of provisioning profile that developed earlier
  8. Make the use of code signing identity that was created earlier
  9. On the top menu bar, choose generic iOS device if there is no actual device connected
  10. Menu, Project, Archive
  11. Click on the distribute option
  12. Log in to your Apple developer account
  13. Submit your app to the application store
  14. Wait for the confirmation
  15. Move to iTunes Connect
  16. Choose the build you want to tie to the version
  17. Enter the pricing details
  18. Click on the save option
  19. Fix all the errors that appear based on the messages you receive and save changes.
  20. Choose the release type. Manual release – once your application is accepted, a release button will appear. In automatic release – Once your mobile application is accepted, it will be released immediately.
  21. If your app gets rejected, visit the Resolution Center to check the notes and make the changes accordingly, and then resubmit your application.

Android

Follow this instruction to deploy your mobile application in Google Play:-

  • Open Play Console in your internet browser
  • Sign in to your developer account and click on Create new app” under “All Apps” section
  • Fill in all the required details
  • Upload your mobile application
  • Submit it for review
  • Wait for a few days to get approval (it may take from a day to a week)

Step-By-Step Guide To Create p12 Files

  1. Install the certificate that you would like to export in .p12 format by clicking two times on it.
  2. Now, open the application of keychain access
  3. Select the certificate that you would require
  4. Now, click the right mouse button and choose export
  5. Use .p12 file format
  6. Key-in a strong password and save it
  7. Key-in your profile password
  8. Employ the file stored in the directory that you have saved a few moments ago

Step-By-Step Guide To Create Push Notification Certificate

  1. Move to Apple’s Developer in your internet browser
  2. Click on the certificates
  3. Click on the “+” sign present in the top right section of the screen
  4. Now, look at the production part
  5. Select the option naming ‘Apple Push Notification service SSL’
  6. Click on the continue option
  7. Export the certificate signing request that you have created earlier
  8. Download the certificate
  9. Install the certificate that you have downloaded on your system by double-clicking on it
  10. Now, save the file

Wrapping Up

Launching a React Native app is not everyone’s cup of tea. It requires sound knowledge and hands-on experience. If you are one of those newbies who are launching their first reactive native app, you must consider this informative post. Believe me, if you religiously follow these steps, it will help you deploy your React Native mobile application to Google Play and Apple’s App Store with ease. Now, if you have any questions in mind related to this informative post, you can comment down below. Thanks for reading, cheers 🙂

What is your rating for this article?
- Total: 0 Average: 0

Leave a Reply