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...

[@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

[@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

[@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!

[@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.

[@tarsisprofile]

Thanks Gigi, your tutorial was very useful for me

[@codewithsthef]

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

[@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?

[@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.

[@HueyMataruse]

Nice tutorial, keep going!!!

[@muhammetkaba2466]

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

[@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

[@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!!

[@danielhaidari1638]

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

[@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

[@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

[@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.

[@victormagalhaes5646]

Nice tutorial! thanks

[@testcasecase]

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

[@velhoonp]

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

[@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.

[@RahulJha-l7l]

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

[@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.

[@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

[@hellopanther1]

Why you didn't used init connection in this app

[@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.

[@hellopanther1]

Can you pls post for in app purchase subscription for android

[@GameCrawl]

Could you create a tutorial for Android IAP?

[@usmanasghar-k8l]

Great. Thanks. Subscribed

[@codewithgigi]

Thanks for the sub!

[@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

[@formify949]

Thanks Gigi

[@devgaud]

How to get the user details?

[@CloudGrazingZebra]

legend

[@TheRonron1994]

How about for Android?

[@mutesimba3393]

This code is not working properly

[@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 !!

[@dummylivestream8127]

code cant not redeem error

[@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

[@felixmilome]

Do you have one for android?

[@codewithgigi]

@felixmilome Not yet. Coming soon.

[@TheErudito]

And react native CLI on Android

[@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.

[@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

[@pradhyumansinhzala-g2u]

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

[@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 😊

[@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.

[@kashif2309]

thank you so much!

[@codewithgigi]

You're welcome!