React Native In-App Purchase In Android And IOS

What Is An In-App Purchase?

Buying additional content or services within the app is known as “in-app purchases.” An in-app purchase is any fee that is beyond the initial cost of downloading the application. In-app purchases give users any additional features in the application. Through in-app purchases, developers can provide their application for free, but then they can advertise feature unlocks, paid upgrades, or any special features or services within the app to users.

Working Of In-app Purchase In (Android & iOS)?

Working of In-app purchase in (android & ios)

Types Of In-App Purchases

  • Consumable

Consumable products are those which user need to buy repeatedly every time they want to use them and they cannot be used in the future for free. Consumable products may lose in case of reinstalling the app or changing the device. The user purchases the same item multiple times. Often they’re “used up” and bought again.

Example: Game, Health, Hints

  • Non-consumable

Non-consumable products are those that users can buy once and they can be used on an ongoing basis, for free. These products are retainable (continue to use) on reinstalling or changing devices. In case if the user loses their non-consumable item, they are able to download it again for free by using restore in-app purchases. The user buys this item once (and only once), then has access to the item forever.

Example: Updating the application to the pro version/ removing ads.

  • Non-renewing Subscriptions

Non-renewing subscriptions are used for a fixed period of time. These items have the option to purchase again when the period ends. They will not automatically be renewed on expiration, the user needs to manually renew a subscription after it’s expired.

  • Auto-renewing Subscriptions

Auto-renewing subscriptions can be bought for a specific period of time and they will automatically renew after the end of the subscription period. Auto-renewable subscriptions are an ongoing service. Auto-renewing subscriptions are accessible for a set period which make the user purchase a subscription to continue access.

Example: Subscribing to unlock an extra feature in an app for a month, etc

Prerequisites for In-App Purchase

    1. The developer should have iTunes Connect account for iOS and a Google Play Store Console account for Android.
    2. For Apple, it is required to fill out their Paid Applications contract.
    3. The developer should create one or more products in iTunes Connect for iOS and Google Play Store Console for Android.
    4. Set up a sandbox tester.
    5. Use the real device for testing.
    6. Add In-App purchase capabilities in Xcode.
    7. Create a developer account on Google Play Console.
    8. Activate a merchant account in your Google Play Console.

Guide: Create a payments profile – Play Console Help.

Steps to Integrate In-App Purchase

Configuration of in-app purchase on iTunes Connect(iOS)

1. Fill out the paid application contract

Login into your App Store Connect account and navigate to the “Agreements, Tax, and Banking” section. Here you can see the link from which you can request the paid applications contract at the top of the page. Request and fill out the form paid application contract. This step is very important before Apple will allow you to charge for in-app purchases. In-App Purchases will not work if any of the Contact, Banking, or Tax information is not filled.
Fill out the paid application contract

2. Add products

Go to the “App Store Connect” account and then click on “My Apps”. Select your app. Then select “Feature” from the top menu list. Once you navigate to the features you can see the left-hand menu from which you have to select “In-App Purchases”.
React Native IAP
Click on the add icon (+) near In-App Purchases to add the products. Now select the type of product(Consumable, Non-consumable, Non-renewing subscriptions, or Auto-renewing subscriptions) you want to create.
React Native IAPEnter a reference name that you can recognize easily and the product ID which we will use to get the products. Now select the price you want to charge for this specific product purchase. Save your products. And here we are done with the iOS configuration for an in-app purchase. Make sure you have added, In-App Purchase capabilities in Xcode, and your product status is Ready to Submit in-app store.

Hire React Native Developers To Enhance your Business

Configuration of in-app purchase on Google Play Store Console(Android)

1. Add billing permission and set up a merchant account

You need to generate a signed APK with billing permission

<uses-permission android:name="com.android.vending.BILLING"/>

in AndroidManifest.xml file. Before you start with In-App Purchase in android make sure to set up a merchant account in the google play console.

2. Add Products

Go to All Apps in the google play store console and select your app. Once you navigate to your dashboard search for Products in the left-hand menu.
Here you can create your products by adding the product ID (can be the same as iOS), product name from which you can identify your product, description, and price of your product. Make sure what type of product you want and according to it create products in In-App Products or Subscription products.
React Native In App Purchases

Make sure the status of your products is Ready to Submit. And here we are done with the configuration.

Family sharing for apple In-App Purchase

Family sharing in In-App Purchase (iOS) is nothing but you can share your purchased product with 5 other family members without sharing your account details. Family Sharing gives access to amazing apple services which also includes App Store purchases. It can also help to locate each other’s missing devices.

To enable this you simply have to turn on family sharing in App Store.
React Native In App Purchases

Payment Gateway v/s In-App Purchase

Payment gateways accept credit card payments by transferring money between your merchant account and a payment processor through a credit card processor.

Examples are PayPal and Stripe.

In-app purchasing is buying goods and services from your mobile application, for example as a smartphone or tablet. In-app purchases permit the developers to make their applications available for free. This lets the developer gain profit despite giving the basic app itself for free.

Example Code: Implementing In-App Purchase in React Native

Let’s see how to implement In-App purchases in React Native and how to test it in the above-mentioned article.

Let’s see the Demo

coma

Conclusion

Hope you like our in-depth article on React Native In-app purchases. You can Contact the Mindbowser team for your further queries.

This Blog was written by Mrunal Joshi, Love Kothari, Sayali Sonawane, Ashok Kumbhar. Members of Mindbowser mobility team and modified by Mindbowser Content team for publication purpose

Content Team

This blog is from Mindbowser‘s content team – a group of individuals coming together to create pieces that you may like. If you have feedback, please drop us a message on contact@mindbowser.com

Get in touch for a detailed discussion.

Hear From Our 100+ Customers
coma

Mindbowser helped us build an awesome iOS app to bring balance to people’s lives.

author
ADDIE WOOTTEN
CEO, SMILINGMIND
coma

We had very close go live timeline and MindBowser team got us live a month before.

author
Shaz Khan
CEO, BuyNow WorldWide
coma

They were a very responsive team! Extremely easy to communicate and work with!

author
Kristen M.
Founder & CEO, TotTech
coma

We’ve had very little-to-no hiccups at all—it’s been a really pleasurable experience.

author
Chacko Thomas
Co-Founder, TEAM8s
coma

Mindbowser is one of the reasons that our app is successful. These guys have been a great team.

author
Dave Dubier
Founder & CEO, MangoMirror
coma

Mindbowser was very helpful with explaining the development process and started quickly on the project.

author
Hieu Le
Executive Director of Product Development, Innovation Lab
coma

The greatest benefit we got from Mindbowser is the expertise. Their team has developed apps in all different industries with all types of social proofs.

author
Alex Gobel
Co-Founder, Vesica
coma

Mindbowser is professional, efficient and thorough. 

author
MacKenzie R
Consultant at XPRIZE
coma

Very committed, they create beautiful apps and are very benevolent. They have brilliant Ideas.

author
Laurie Mastrogiani
Founder, S.T.A.R.S of Wellness
coma

MindBowser was great; they listened to us a lot and helped us hone in on the actual idea of the app.” “They had put together fantastic wireframes for us.

author
Bennet Gillogly
Co-Founder, Flat Earth
coma

They're very tech-savvy, yet humble.

author
Uma Nidmarty
CEO, GS Advisorate, Inc.
coma

Ayush was responsive and paired me with the best team member possible, to complete my complex vision and project. Could not be happier.

author
Katie Taylor
Founder, Child Life On Call
coma

As a founder of a budding start-up, it has been a great experience working with Mindbower Inc under Ayush's leadership for our online digital platform design and development activity.

author
Radhika Kotwal
Founder of Courtyardly
coma

The team from Mindbowser stayed on task, asked the right questions, and completed the required tasks in a timely fashion! Strong work team!

author
Michael Wright
Chief Executive Officer, SDOH2Health LLC
coma

They are focused, patient and; they are innovative. Please give them a shot if you are looking for someone to partner with, you can go along with Mindbowser.

author
David Cain
CEO, thirty2give
coma

We are a small non-profit on a budget and they were able to deliver their work at our prescribed budgets. Their team always met their objectives and I'm very happy with the end result. Thank you, Mindbowser team!!

author
Bart Mendel
Founder, Mindworks
coma

Mindbowser was easy to work with and hit the ground running, immediately feeling like part of our team.

author
George Hodulik
CEO, Stealth Startup, Ex-Google