React Native SDK overview
Bienvenue ! Nous sommes là pour simplifier vos achats intégrés 🚀
Nous avons conçu le SDK React Native Adapty pour vous libérer des contraintes des achats intégrés et vous permettre de vous concentrer sur ce que vous faites le mieux – créer des applications extraordinaires. Voici ce dont nous nous occupons pour vous :
- Gestion des achats, validation des reçus et gestion des abonnements prêts à l’emploi
- Création et test de flows et de paywalls sans mise à jour de l’application
- Analyses d’achats détaillées sans aucune configuration – cohortes, LTV, churn et analyse de funnel inclus
- Statut d’abonnement utilisateur toujours à jour entre les sessions et les appareils
- Intégration avec des services d’attribution marketing et d’analyse en une seule ligne de code
Que votre application soit développée avec Expo ou en React Native pur, le SDK Adapty prend en charge les deux environnements.
Avant de plonger dans le code, vous devrez intégrer Adapty avec App Store Connect et Google Play Console, puis configurer vos produits dans le tableau de bord. Consultez notre guide de démarrage rapide pour tout configurer en premier.
Premiers pas
Voici ce que nous allons aborder dans le guide d’intégration :
- Installer et configurer le SDK : Ajoutez le SDK comme dépendance à votre projet et activez-le dans le code. Adapty fonctionne aussi bien avec Expo que dans des projets React Native purs.
- Activer les achats via les flows : Configurez le flow d’achat pour que les utilisateurs puissent acheter des produits. Pour créer votre propre interface, consultez plutôt Implémenter les paywalls manuellement.
- Vérifier le statut d’abonnement : Vérifiez automatiquement l’état de l’abonnement de l’utilisateur et contrôlez son accès au contenu payant.
- Identifier les utilisateurs (optionnel) : Associez les utilisateurs à leurs profils Adapty pour garantir la cohérence de leurs données sur tous les appareils.
En action
Envie de voir comment tout s’assemble ? Nous avons ce qu’il vous faut :
- Exemples d’applications : Consultez nos exemples complets qui illustrent la configuration complète
- Tutoriel vidéo : Suivez notre vidéo d’implémentation étape par étape ci-dessous
Concepts clés
Avant de plonger dans le code, familiarisons-nous avec les concepts essentiels qui font fonctionner Adapty.
La force de l’approche Adapty, c’est que seuls les placements sont codés en dur dans votre application. Tout le reste – produits, designs de paywalls, tarifs et offres – peut être géré de façon flexible depuis l’Adapty Dashboard sans mise à jour de l’application :
-
Produit - Tout ce qui est disponible à l’achat dans votre application – abonnement, produit consommable ou accès à vie.
-
Flow ou paywall - Des produits regroupés avec une configuration, rattachés à un placement. Deux variantes :
- Flow - Interface visuelle sans code, construite dans le Flow Builder. Adapty affiche l’interface et gère l’achat pour vous.
- Paywall - Pas de configuration visuelle ; vous construisez l’interface dans votre propre code et appelez
makePurchasevous-même. Voir Implémenter les paywalls manuellement.
Dans le code SDK, les deux sont récupérés via la même méthode
getFlow. -
Placement - Un point stratégique dans le parcours utilisateur où vous souhaitez afficher un flow ou un paywall. Les placements représentent le « où » et le « quand » de votre stratégie de monétisation. Les placements courants incluent :
main- L’emplacement principal de votre paywallonboarding- Affiché pendant le flow d’onboarding de l’utilisateursettings- Accessible depuis les paramètres de votre application
Commencez par les bases comme
mainouonboardingpour votre première intégration, puis réfléchissez aux autres endroits de votre application où les utilisateurs pourraient être prêts à acheter. -
Profil - Lorsque des utilisateurs achètent un produit, un niveau d’accès est attribué à leur profil, que vous utilisez pour définir l’accès aux fonctionnalités payantes.