Distribute React Native App to Google Play Using Microsoft App Center (CI CD Process)

Google Play

With the emergence of the software industry mobile app development has become a major part. We can develop mobile apps using various technologies like React Native, Flutter etc. Once we developed an app it needs to publish our app in the Play Store and App Store. In this article I will explain how to do the CI CD process to React Native App using Microsoft App Center. It’s very easy and quick. Let’s move to the process.

MS App Center

Once you completed the development process it’s few steps away to distribute the app. 😃

For the first time you need to upload your app to Google Play store manually. After that App Center can upload new versions to existing apps that are already published on Google Play.

  1. Go to the app center account (Create account if you don’t have)
  2. Create new app using add new app button.
  • Select the OS you want to add
  • Select the Platform which you developed your app — React Native

3. Then you have some configurations to do your app

  • Add the SDK to project
  • Integrate the SDK

i . Create new file in android/app/src/main/assets/ with the name of appcenter-config.json and add the following content

ii. Modify the res/values/strings.xml

Now you’re done with app configurations. 🙌

4. Move to the build section and Connect your repository to the app center

It can be Azure Devops, Github, Gitlab and Bitbucket, after choosing the service you can select your repository and branch which you want to build

5. Setup your build configurations

In here you can make some processes automated

  • Build the app on every push to that particular branch
  • Increase the version code
  • Run unit tests

Also there are another few configs that you can add to the build, but not mandatory. Save the configurations and start building.

Now it’s almost done you just one step away from our goal.😎

Distribution

  1. Go to the distribute tab and click on the stores and press connect to the store button and choose the Google Play.

It will ask to upload the Google Dev Console API credentials. You can find the steps to get key file in below link.

Publish to Google Play Store — Visual Studio App Center

2. After uploading the JSON file click on the connect and enter the App Package name.

You can find your App Package Name in android/app/build.gradle

Now your app is connected to the app center each and every time you want to put a release just need to push the updates to the repository you configured. It automatically builds the app and publishes in the Google Play.

Is that all? 😲

Yes it is! 😀 We are done with the CI CD process which distributes our app to Google Play using Microsoft App center.🙌

Wii meet you soon with App Store distribution, Thank you!😊

Want to learn how to do the CI CD process to distribute Expo React Native apps using GitHub actions,

Here is the ideal solution by provided by Shafran Naizer

Experienced Developer with a demonstrated history of working in the information technology and services industry.