React Native IAPThe react-native module will help us access the phone's in-app purchase capabilities on Android and iOS platforms of the Amazon platform (beta). React-native-app provides the basic features we need but is not a fundamental solution. There is a lot of work to do in implementing in-app purchases in the app. Follow the installation instructions and then go to the Getting Started section to get started right away. Package limitsRemember, the react-native app will provide us with the basic functionality we need, but it is not a good solution; implementing in-app purchases in your app will still require some work. Also, we should implement the client-side another one of the coins. It would be best if you implemented server-side validation of receipts. InstallingUsing react-native >0.60 Install the package in your React Native project. The package will be linked automatically using auto-linking. Then follow the instructions below, depending on the platform you're working with: After installationiOS Platform: Install cocoa pods: cd ios & pod install Also, add a swift bridging header if you haven't created one for swift compatibility. Android Platform with Android Support:Modify your android/build.gradle configuration: Note: By using the Jetifier tool for backward compatibility.Android Platform with AndroidX:Modify the android/build.gradle configuration by the help of code below: You have two options depending on the store you support: If you only need the Google Play IAP, put it inside the Default Configuration section in Android/App/Build. Gradle: If you are using it for Google Play and Amazon, put the following lines inside the android block in android/app/build.gradle. At the end, we need to enable kotlin from [email protected]+. Please change the line below in android/build.gradle. Using react-native<=0.60 Follow the steps above and then link the package using: Upgrade from previous versionsUpdating to 6.1.0 On Android, please follow the three steps of the manual installation instructions. Updating to 3.4.0 Upgrade to the new checkout flow. It is unnecessary to call endConnection in Android, as it is done automatically. LifecycleInitializingTo initialize a native module, you can call initConnection() at the beginning of your application's lifecycle. It must be done on a top-level component as the library caches the native connection. Initializing just earlier than you need is discouraged as it affects performance. Calling this method multiple times without terminating the previous connection will result in an error. Not calling this method will cause other calls to be rejected because the connection must be established prematurely. Ending ConnectionCall endConnection() when you no longer need interaction with the library to release the resources. Dos and Don'tYou shouldn't be calling initConnection and endConnection every time you want to interact with the library. It is considered an anti-pattern because it consumes more time and resources and can lead to unwanted side effects, such as multiple callbacks. DO:DON'T:Long-lived connections (Android)Although it is recommended to use hooks and bind the connection lifecycle to a component, you may want to handle connections separately from the UI layer (e.g., Redux Sagas). You need to take extra care of the connection lifecycle, the connection may break, and the only way to reconnect is to call the RNIap.endConnection() method and then RNIap.initConnection() creates a new internal instance of BillingClient again and reconnects to Play Store services. You can check the excellent connection by calling the RNIap.isReadyAndroid() method. If it is false, it is necessary to call initConnection. Retrieve Available ItemsFirst, you should define your product ID for iOS and Android separately, as defined below. To get the list of valid objects, call getProducts(). You can do this in componentDidMount() or any other area appropriate for your app. Since a user can start your application with a bad internet connection and then have an internet connection, preparing the item more than once is good. For example: if any user doesn't have an IAP available when the app starts, you should check when the user signs in to your IAP store. Each product return from getProducts() contains a Product object. Making a purchasePurchase Flow RedesignThe resulting flow is redesigned to not rely on promises or callbacks. Below are the important reasons for redesign methods:
Once getProducts()received a valid response, you can call requestPurchase(). Like consumable products, subscribable products will be purchased, and users can unsubscribe using the iOS system settings. Before requesting any purchase, you have to set BuyUpdatedListener from React-native-app. It is recommended that you start listening for updates as soon as the application starts. You have to receive successful purchases completed during app shutdown or weren't completed, consumed, or approved due to errors or network failures. Define the method given below and call it the user presses the button. New Purchase FlowYou may want to manage The "Store Procedure" [[2]] [Apple Store Set Procedure], which occurs when the user checks for a fixed account issue. For example, when the credit card information expires. We decided to delete requestPurchase, and instead, it does not depend on the Promise PurchaseUpdateListener function.
Restore PurchaseYou can use getAvailablePurchases() to do what is commonly understood as a "restore" purchase. If you want to use all objects for debugging, You must duplicate purchases returned by getAvailablePurchases() Suppose you consume a product without registering the purchase in the database. You can pay for anything without any delivery, and you can never be able to retrieve the receipt when validating and resetting your purchase. Each item from getAvailablePurchases() contains a AvailablePurchase object. Validating receiptsSince [email protected], we support receipt verification. With IAPHUBIAPHUB is a service that handles iOS/Android receipt verification for you. You can configure the webhook to automatically receive notifications on your server about activities such as purchases, subscription renewals... You can manually call the API to process your receipts or use the module. react-native-iaphub, which is just a gown for react-native-iap with IAPHUB built-in With GooglePlayFor Android, you need a separate service account JSON file to get access_token from google-API, so it can't be serverless. It will require the backend and get access_token with the access_token, where we can call the validateReceiptAndroid(). With the app storelocal inspection Local encryption authentication is not supported at this time. More details are here: https://developer.apple.com/documentation/appstorereceipts/validating_receipts_on_the_device. Check with the app store.Note: This method is not recommended for production and is explicitly warned by Apple in its documentation:It is suitable for development and receipt verification testing throughout the development cycle. Verification of app store receipts can be done locally using validateReceiptIos() You must send a transaction receipt in the first parameter. The second parameter must be passed if it is a test environment. If valid, it will request the sandbox, and false will request production. We need to get the receipt after the purchase. For example, when any user asks permission to buy unstable internet connections. For the cases, we should getReceiptIOS(), which gets the latest receipt from the app at a given time - the iOS payment the right way.
If we need to clear all the products and subscriptions in the array, call clearProductsIOS () and do the recovery job again, and we will get what we expected. Example backend (Node.js)Here you can find a sample backend for idempotent validation of receipts on iOS/Android and storage and delivery of subscription status to the customer. How we can use hooks You have to wrap your app with IAPContext HOC: Later then, somewhere in the components ReferenceSince [email protected]+, we support the IAP hook, which handles purchases better.
Next TopicReact-Native Localization
|