React Native In App Purchases and Subscriptions with RevenueCat (Tutorial)
ฝัง
- เผยแพร่เมื่อ 1 ส.ค. 2024
- Let's learn How to implement In-App Purchases and Subscriptions in a React Native project using RevenueCat.
📚 Enroll NOW for "The Full-stack Mobile Developer" and save 30%
academy.notjust.dev/
We will cover the whole process, from what is revenue cat, to installing and configuring the library, managing subscription products and users, building a paywall and buying the products.
⚡Get your free RevenueCat account:
bit.ly/3eqmZSI
⚡If you want to code along, download the asset bundle (Starter project, Presentation)
assets.notjust.dev/revenuecat
⚡Revenue Cat Documentation:
docs.revenuecat.com/docs/gett...
⚡Join the notJust Development gang and let's build together: / discord
LinkedIn: / vadimsavin
IG: / vadimsavin0
Twitter: / savinvadim_
⏱ Time Stamps ⏱
00:00 Intro
02:10 What are In-app Subscriptions?
03:58 What is RevenueCat?
05:43 Prerequisites
06:17 Create a new RevenueCat App
08:00 Setup the Service Account on Play Market
09:08 Setup subscription products on Play Market
13:33 Setup subscription products on App Store
19:02 Setup Subscription p8 key file from App Store
20:22 RevenueCat Products, Entitlements, and Offerings
26:55 Coding Time: Setup starter project
30:14 Install react-native-purcahses
32:12 Configure Purchases
36:19 Display available products
45:55 Make a Purchase
56:04 Get the subscription status
1:00:16 Restore Transactions
1:02:28 Identify Users (Login, Log out)
1:11:12 Listen for Purchaser Info Updates
1:13:33 Congrats, you have integrated subscriptions!
#VadimSavin #notJustDevelopment #RevenueCat - วิทยาศาสตร์และเทคโนโลยี
Simply amazing! This tutorial has been a blessing! You are nothing short of pure legendary !
MANY MANY MANY THANKS! Got very frustrated with other tutorials. Since I also got issues when following along, I could somehow fix them and better yet: know what I am doing by listening to your explanation, instead of copying pasting code and watching the magic (not) happen.
So, thank you again. :)
This is the best video for setting up revenuecat on the internet. Thank you!
Great tutorial mate, great to get a high-level understanding of the workflow, much appreciated.
I want to thank you most sincerely for educating alot of people who probably cannot afford paid courses. I'm one of those guys and for this I'll practice hard to become a better developer
Thanks buddy and good luck
Thank you very much for your simple and informative tutorial. I was struggling in adding in-app-purchases using different libraries but I found this tutorial very helpful.
Glad it was helpful!
Very well documented and explained. Thank you so much for this, from your tutorial I was convinced that RevenueCat is what I need, and I signed up via your link. + You helped me setup everything.
Much appreciated 🙏🏼🙏🏼💜
I am happy that you found it valuable
You just saved my life, thanks a lot.
This is good mate. Will check them out
Brilliant presentation and explanation. Tx a lot ❤
🚀Get your free RevenueCat account ( bit.ly/3eqmZSI ) and start monetizing your React Native app with In App Subscriptions 🚀
📚 Enroll in "The Full-stack Mobile Developer" and become a 6-figure dev in 2021: academy.notjust.dev/
The tutorias is 🔥!!
Amazing tuts bro. Keep it up
Glad you like them!
Very good info. Thankyou sir
Nice tutorial!
If someone is following this tutorial now "yarn add react-native-purchases" installs a version not compatible width the app. This is working for me: yarn add react-native-purchases@4.0.1 (which is the version that Vadim is using in the video). Thanks for the great tutorial
new scrub here, your awesome bro.all your tutorial help us a lot. thanks
Happy to help
just some question, if you are using revenuecat as payment gateway for in-App purchase subscriptions. does google play and app store will also charge some fees? thanks
Question pls - Why am I not able to find subscription on playstore? I have an approved Closed Test build.
tnks vadim you rock
My pleaasure
Hey Man, Explanation is mind blowing , can you please also make a same video with flutter app if possible. The goal is that only the app can be used (all features) if they buy the subscription for monthly or yearly or weekly. So when the user download and open the app it should pop-up the subscription page and once they subscribe it they can use according to the subscription time limit and then again the same process. Thanks in advance.
I can't create products on google play console. The error message is "To add in-app products, you must add the BILLING permission to your APK file" and I have added the permission.
many thanks Vadim! :-)
You are welcome!
Do you have a video on linking revenuecat with firebase and creating a hook that utilizes that workflow? Since there's a extension now for that?
Thank you Herooooooooooooo
Many Thanks! can RevenueCat generate the invoices for customer?
for some reason all my subscriptions are showing to be every 30 minutes even tho I set everything to be a year. Any idea whats going on? on a real device. 52:12 it shows that your subscription is every 5 mins aswell
I come across this error with macOS and ios, someone is how to unlock I am under expo 45 "Invariant Violation: `new NativeEventEmitter()` requires a non-null argument."
Can you please make a tutorial where a user can download video to watch offline but there videos remains in the app just like TH-cam/Netflix
Im facing error on android "There is an issue with your configuration. check the underlying error for more details . Is this is the reason-> because my payment profile is has not been set and giving error "There is an issue with your payments profile" ? Is this can be the reason for not getting offers?
Hi I Have One Question If have Lost iOS Phone can I restore my account purchase for android in revnue cat
Какой жизнерадостный человек. Надо подписаться на него)
Aw, pasib
Does it wok with EXPO CLI as well?
Could you make another video about how to implement introductory offers with RevenueCat?
how to handle same apple id but different emails for subscriptions? iap in react native....
What about purchasing subs with iOS?
Thanks 🙏🌹❤ you remembered and make video ❤❤❤❤❤❤❤❤❤❤❤❤❤
Hey bro! a great explanation but I wanted to ask about how to cancel a subscription?
HELP ME BROTHER !! i got an error over and over .. error while connecting to puchases [Error: One or more of the arguments provided are invalid.]......Please help me bro, i already follow all your steps as you mention them in video .
can u do with iap and firebase and 3 product
Thank you for this great tutorial... Little question about the Paid Apps agreement (+ bank and tax info). I seems to be project specific if you are building apps for clients who are monetizing the app. But on apple connect it looks like its tied to my developer account... do I have to ask my client to create an Apple developer account?
Yes, most probably that would be the best option. Your client craetes a deceloper account, and adds you as a contributor or developer
What tool do you use to make those cool little splash animations every time you click with the cursor?
Screen brush
Imagine if user buy more than one products, how user can restore just one of them ? I don't see anyway to provide a specific purchase ID or something like that.
Hi there, loved your tutorial but i'm afraid that if my project scales the cost will be very high to maintain thereafter. is there a free/cheaper alternative or if there's a way to cut costs with revenuecat when the project scales too?
You won't pay anything to revenuecat unless you make money. You will pay revenuecat a very small % of the total revenue you make. If your revenuecat fees will be huge, then congratulations, you are probably making millions $$ from your app.
@@notjustdev ok that's good to know! So i guess if it makes different amounts monthly pricing adjusts? e.g 100k one month next month 10k? I was thinking to do it natively cause I did apple pay stuff in swift before but I guess this might save time. I always consider that my project will scale though. thanks for the info!
Hi.
Can you tell me, RevenueCat is working with React native Expo?
Thanks
Hey Sergey, did you get an answer for that? Please let me know as I am struggling to find a way to manage subscriptions in my expo-cli project. Thank you
Awesome tutorial. One question- since I only develop on a PC, I guess setting up things on IOS using x-code is going to be impossible. Thx
To build for ios you would need a macos. On windows and linux the only option is to build and test on android emulators
You could try it on Hackintosh :P
In Play Store, when I click on Subscription, it just keep saying Upload a New APK. Do I have to have an approve bundle before I can create subscriptions? Thanks
you have to upload a new apk that has IAP enabled
@@notjustdev Thank you very much
Hey Vadim great tutorial but just out of curiosity why not to use stripe api ? or paypal ? just curious
For in app subscriptions, you cannot use 3rd party services, you have to integrate them with the app store and play store.
@@notjustdev isnt revenuecat is third party plugin?
@@imPriyankCoder Yes, it's a third party, however, they do not handle the payments. The payments are still handled by Appstore and Playstore, and RevenueCat only helps you with integration, tracking, monitoring, analyzing, and so on.
you are most awesome developer you are doing very well please can you build shopify clone
????
Bro love you man
Please is this revenue cat also be used in the Netflix build for the protection frm non subscribers
I haven't planned that yet
@@notjustdev would love to see this being used for the Netflix build to make things secure 😋
ENTITLEMENT_ID. What is it? What does it matter?
Sorry but it's possible publish an react native app in the Play Store, using purchase methods like RenevueCat, Stripe, Openpay or another ?
Using RevenueCat - absolutely. It is possible because revenue cat is a middleware, and the transactions will go directly through play market and/or appstore. With Stripe and other 3rd party payment providers, it is different. THere are strict rules regarding when you can use them. Shortly, if the user buys physical goods, for example you are building a marketplace and user is buying some goods, you can use Stripe. In other cases, you have to use In App Purchases
@@notjustdevthank you very much for your attention, I want to incorporate monthly subscriptions, and I had read that it is strict to use google pay to upload the application to the play store. So isn't true?, What do you recommend me?
That's true. That's why I recommend you using RevenueCat, because RevenueCat will manage your google play subscriptions and make your life easier. RevenueCat just helps you setup and manage the google play IAP.
@@notjustdev Thanks bro 😁👌🏼💯
Can I get the complete source code please
Hi Vadim, Amazing tutorial bro. When I put the app on Google Play for the first time, how do I put it free or paid?
It depends on what you want. A paid application will require an upfront payment to download the app. You can make it free, so everyone can download it for free, and provide extra content and feauters to pro users using subscriptions and revenuecat
@@notjustdev tnx bro
Sir can you do a video showing apk build and deployment of react native applications
checkout the last video where I show how to build and deploy the Netflix clone
how about u show us how to implement crypto payments
I feel like a knife has been stabbed in my brain every time you say "our". Please say it as our, not aaaaurrrrrrr. I watched the video with the sound turned off.
For people watching this 2 years or more later, you should probably create a UserPurchaseInfoContext and getting is subscribed and other info once and access it anywhere by doing useContext.
LOG [TypeError: undefined is not a function]
getPurchaserInfo() not function
React native js