React Native - Add In-APP Purchases to iOS in 5 easy steps

In this tutorial I will show you how to add in-app purchase capability to your iOs apps. I will demo adding a monthly subscriptions step by step.
Refer to my link for the code and full instruction.
To test the in app purchase with the sandbox tester on your device, iPhone or iPad, you'll need to sign in with the sandbox user in your device settings. General - App Store and scroll down to Sandbox Users.
www.codewithgi...
react-native-iap docs
github.com/doo...

[@yichengtan7286]

This payment problem has been bothering me for a long time until this tutorial. It is really great. Thank you very much.

[@harshgadhecha132]

Your guidance was excellent, Gigi, and it really helped me with iOS in-app purchases. Can you consider making a video tutorial for React Native in-app purchases on Android? It would greatly benefit

[@Deviliumrei]

Thank you for this tutorial! One thing that caught my eye is that in general you probably don't want to store sensitive information like secrets to the react native .env file because the contents of that file can be seen because it is included in the app.

[@AdilCalomenoJunior]

Great tutorial Gigi! I've been working for 2 hard weeks to develop in-app subscription in an existing application. The internet articles are too old or not so clear, tour tutorial is very good!

[@codewithgigi]

Glad to hear it and thanks for sharing @AdilCaomenoJunior

[@WanderAugusto]

Perfect tutorial, helped me a lot. Your voice is sweet and explains very well, I, who have difficulty understanding, managed to understand your explanation very well. Congratulations.

[@codewithgigi]

Glad it helped!

[@sohaibzahid1815]

Timestamps 00:05 - Learn to implement in-app purchases in React Native for iOS. 02:59 - Set up in-app purchases in your React Native iOS project. 05:48 - Create unique subscription groups and identifiers in Apple Developer settings. 08:33 - Setting up app store localization and subscription details is essential. 11:21 - Prepare your app for iOS subscription submissions. 15:04 - Install required packages for in-app purchases in React Native. 17:46 - Setting up subscription components in React Native. 20:27 - Implementing in-app subscriptions in React Native for iOS. 23:07 - Setting up and testing sandbox accounts for in-app purchases. 25:35 - Summary of troubleshooting and encouragement for viewers on in-app purchases. Good Luck Guys

[@trinkess]

Thanks for the clear and concise steps for implementing IAP. I checked other 3rd parties like RevenueCat and Nami but they try to monetize if you bring in a certain amount of income from the app. I think its best to implement in-house iap architecture to reduce costs from 3rd party iap. Thanks again for the great tutorial.

[@codewithsthef]

Thank you so much for sharing your knowledge! Amazing video!

[@jackanderson300]

Ma'am Thanks for this cool video,Need one suggestion In my app their is consumable products .When app uninstall it cant be restore.So how to manage this with our server? like once user buy consumable product then we will update that with our server and when user install app again and do login then we will get that consumable product using user_id. Is it correct way for consumable product?Please help.

[@tarsisprofile]

Thanks Gigi, your tutorial was very useful for me

[@unstopp]

Thank you!! It actually worked lol, I was sceptical. Is there a place inside apple dev's dashboard to see the current subscriptions or to cancel a subscription?

[@CluelessGringo]

Is doing "In App Purchases" any different from the "subscriptions" that she demonstrated? is the code more complicated or is it just a matter of selecting which ever one in the Apple dev account?

[@GreggCasey-u3e]

Thanks Gigi. Where in the process do you create the user's account in your app? Does the Apple process return the necessary info like email and name so that you can do that after subscription?

[@HueyMataruse]

Nice tutorial, keep going!!!

[@zaidpereyra2693]

Hello Gigi, I have an app, and theoretically, it is already configured and the code looks good, but 'subscriptions' returns an empty array. Is it necessary for the subscription in App Store Connect to be submitted for review, or is it sufficient if it just appears as 'Ready to Submit'?

[@codewithgigi]

Hi @zaidpereyra Checkout footage at 6:37. Did you add subscription configuration in your developer account. If so you should not get an empty array

[@ShantanuNath-k6t]

@@codewithgigi I am also getting same issue -- Empty array for Subscriptions -- ( I have created subscription and added the product id also genrated the secret key and added it in env file )

[@fourlokouva]

Thanks for sharing this! FYI you don’t need a MacBook just any Mac that will run Xcode, preferably Monterey OS or newer to ensure you are running v14+ without any hiccups 😊

[@hieuvpm]

this helped me a lot!

[@muhammetkaba2466]

Thank you, thanks to you, I completed this part quickly.

[@gurwindersingh1359]

Great!! But' I jhave one question, How we can make subscription for user specific

[@aleksamitic6655]

Hello Gigi! Thanks for this wonderdful tutorial. I am looking to integrate this on my app. I am interested did you encounter any issues in production with this approach? I was investigating a lot should I use this library or maybe something like revenueCat what are your thoughts on that?

[@codewithgigi]

Hi @aleksamitic6655 I have not had any issues in app store. I did not use revenueCat because its not free and I found their documentation to be lacking

[@velhoonp]

Hi can you make a video, how to do in-app purchase with chargebee

[@JamalVlogs]

Great tutorial Gigi! where we can see the successful payment of sandbox account in app connect?

[@codewithgigi]

@JamalVlogs I don't know that you can see this in app store connect. Once a sandbox user has made a successful purchase, the useIAP() should return a purchaseHistory for your sandbox user.

[@directsb7775]

What if I want to put payment only once?

[@mharisali889]

Hi mam, I face an issue that when I type the password in sandbox model in simulator then it show me payment done, but I didn't get response or console. can you tell how I achieve this

[@pakrutam]

Thank you for great tutorial. Do I need to submit app for review to make this work? my app status is "Ready to Submit". Will it work for testing purpose without submitting?

[@codewithgigi]

You can test in your iOS device before you submit it.

[@testcasecase]

how to handle same apple id but different emails for subscriptions ?

[@fiscalizacao]

Muito bom, você me deu uma ajuda imensa! eu estava tentando entender o que era SKU no iOS, pois é diferente do Android, vendo seu vídeo, consegui fazer aqui e funcionou! Muito obrigado!!

[@RahulJha-l7l]

just i want to know how can be check my current plan or status

[@victormagalhaes5646]

Nice tutorial! thanks

[@RahulJha-l7l]

i have followed your instructions , it is working but not getting proper status like- it is activate or not , and what is my current plan and how can be check with amount deductions like how can be check with real payment

[@christiansouza2872]

Great tutorial!! I get the following error when starting my app: E_IAP_NOT_AVAILABLE, do you know what can solve it?

[@codewithgigi]

@christiansouza2872 it could be a number of things, 1. Your device may not support IAP. check the iOS version. It should be a real device not a simulator. I have not been able to test on simulators. 2. Network issue - device is not connected to internet and can't connect to apple developer api. 3. make sure your subscriptions are setup correctly and are "ready to submit" in your apple developer account.

[@khubaibidrees4900]

I am having this same issue how did you resolve it?

[@JamalVlogs]

I face the same issue, I solved this, you can't test this in simulator, for test this you need to connect with your physical device.

[@gabriel61106]

tem que dá um yarn ios para buildar dnv com ums recursos do react native iap, aí funciona

[@danielhaidari1638]

Hey Gigi I get 21002 status something to do with my reciept please help!

[@hellopanther1]

Why you didn't used init connection in this app

[@EDMNATION]

But, i saw that apple takes 30% of the transaction, is it like this ?

[@codewithgigi]

Yes so does Google unfortunately

[@hellopanther1]

Can you pls post for in app purchase subscription for android

[@usmanasghar-k8l]

Great. Thanks. Subscribed

[@codewithgigi]

Thanks for the sub!

[@GameCrawl]

Could you create a tutorial for Android IAP?

[@westeusindomitable8455]

I am using my own auth (FireBase). I want to save the subscribed users with their mail in firebase. Is it possible to do that.

[@SomTechnoWorld]

I have created e-learning app using rozerpay integration but Apple store rejected the app. How to implement in app purchases where there are multiple programs.

[@codewithgigi]

@SomTechnoWorld You can add multiple products to your subscription group in apple developer account. Then in your code, you would add all the products you want to make available to users like the example code below, replacing productid-1 with your actual product id from your apple developer account... const subscriptions = Platform.select({ ios: ["productid-1". "productid-2"], });

[@SomTechnoWorld]

@@codewithgigi thanks i will try this

[@pradhumansinhswb]

my old app already on appstore should i need to create another app or i can modify for same app ?

[@TheRealPlug]

Its displayed on the subscriptions section that, to be ablte to activate your fust subscription you need to attach a ne app version for it. You don't need to create another app but you need to push a new build.

[@codewithgigi]

You can update your app. You need to update your code and your settings in developer account.

[@siddhant_arekar]

is there any way we can test the purchase flow using simulator?

[@codewithgigi]

Not that I know of. I haven’t tried lately.

[@siddhant_arekar]

@@codewithgigi Thank you for the reply, i tested it on real device and submitted the application for app store review but apple team rejected it saying restore button is required to restore the purchase in case of device is changed, do you have any video or documentation for such implementation. It would be a great help if you do.

[@omarkhle]

i have tried the exact same code. but am still getting an empty list of subscriptions, even tho i have the correct product SKU on the ios. Any Help Pleaes !!

[@kashif2309]

thank you so much!

[@codewithgigi]

You're welcome!

[@pradhyumansinhzala-g2u]

ONE WEEK AGO ITS DISPLAY IN RUPEES , RIGHNOW ITS DISPLAY IN DOLLAR WHY ?

[@arif6286]

Your website is not opening :(

[@devgaud]

How to get the user details?

[@TheRonron1994]

How about for Android?

[@formify949]

Thanks Gigi

[@formify949]

i m getting rejection from apple store is : ..........When validating receipts on your server, your server needs to be able to handle a production-signed app getting its receipts from Apple’s test environment. The recommended approach is for your production server to always validate receipts against the production App Store first. If validation fails with the error code “Sandbox receipt used in production,” you should validate against the test environment instead.

[@dummylivestream8127]

code cant not redeem error

[@felixmilome]

Do you have one for android?

[@codewithgigi]

@felixmilome Not yet. Coming soon.

[@OALKeller]

subscriptions in useIAP hook is always empty on my end, what's the problem?

[@codewithgigi]

@OALKeller check that your subscription skus match the product id in app store connect.

[@dangogu]

i'm also facing the same issue. how did uyou resolve this issue?

[@omarkhle]

Me too , any help please ???

[@baon.9197]

me too, it's empty. It's easy to check sku matched product id so it may be not my problem

[@savannahliu8461]

fixed it by completing the paid agreement form

[@CloudGrazingZebra]

legend

[@mutesimba3393]

This code is not working properly

[@zedcodinacademibychinvia9481]

does this work in android

[@codewithgigi]

Not this specific instruction. But you can use the same library in android. It’s even easier than iOS.

[@TheErudito]

And react native CLI on Android

[@melorinmom]

very good thank you but speak so slowly :(

[@formify949]

@gigi everytime my app getting reject from apple store can we connect on skype or google meet so that you can help me ?

[@formify949]

i m getting error.......CompileSwiftSources normal x86_64 com.apple.xcode.tools.swift.compiler (in target 'RNIap' from project 'Pods'

[@codewithgigi]

@formify949 It's hard to know without the full build logs, which can be found in the "Report Navigator" pane in Xcode. Some possible solutions that may help 1. Make sure you have the latest Xcode and React native. 2. Clear the build cache by deleting the contents of the `DerivedData` folder. The default location is `~/Library/Developer/Xcode/DerivedData`. 3. Try clearing your build folder in Xcode and re-run the build. Try building on your device after clearing the build. 4. Try to manually resetting the Swift toolchain by running the following command in your terminal: sudo xcode-select --reset

[@formify949]

@@codewithgigi its resolved it was IAP package version issue

[@formify949]

const isTestEnvironment = __DEV__;........... what is this __DEV__ @Gigi

[@codewithgigi]

@formify949 Good question. That's to let apple know its a test purchase not a real purchase and it'll validate using sandbox user. You can remove isTestEnvironment from production code.

[@formify949]

@@codewithgigi ok Cool thanks