Présentation du SDK React Native

Bienvenue ! Nous sommes là pour simplifier vos achats intégrés 🚀

Nous avons conçu le SDK React Native d’Adapty pour vous libérer des contraintes liées aux achats intégrés, afin que vous puissiez vous concentrer sur l’essentiel : créer des applications exceptionnelles. Voici ce que nous gérons pour vous :

• Gérez les achats, la validation des reçus et la gestion des abonnements sans configuration
• Créez et testez des flows et des paywalls sans mises à jour de l’application
• Obtenez des analyses d’achat détaillées sans configuration préalable — cohortes, LTV, churn et analyse d’entonnoir inclus
• Maintenez le statut d’abonnement de l’utilisateur toujours à jour entre les sessions et les appareils
• Intégrez votre application avec des services d’attribution marketing et d’analytique en une seule ligne de code

Que votre application soit développée avec Expo ou React Native pur, le SDK Adapty prend en charge les deux environnements.

Démarrer

Voici ce que nous allons couvrir dans ce guide d’intégration :

1. 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.
2. Activer les achats via les flows : Configurez le flow d’achat pour que les utilisateurs puissent acheter des produits. Pour créer votre propre UI, consultez plutôt Implémenter les paywalls manuellement.
3. Vérifier le statut de l’abonnement : Vérifiez automatiquement l’état de l’abonnement de l’utilisateur et contrôlez son accès au contenu payant.
4. Identifier les utilisateurs (optionnel) : Associez les utilisateurs à leurs profils Adapty pour garantir que leurs données sont stockées de manière cohérente sur tous leurs appareils.

Voir en action

Vous voulez voir comment tout s’assemble ? On a 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 clés qui font fonctionner Adapty.

L’avantage de l’approche Adapty, c’est que seuls les placements sont codés en dur dans votre application. Tout le reste – produits, designs de paywall, tarifs et offres – peut être géré de manière flexible depuis l’Adapty Dashboard sans mise à jour de l’application :

1. Produit - Tout ce qui est disponible à l’achat dans votre application – abonnement, produit consommable ou accès à vie.

2. Flow ou paywall - Produits associés à une configuration, rattachés à un placement. Deux formes :

   • Flow - Interface visuelle sans code, créée dans le Flow Builder. Adapty génère l’UI et gère l’achat pour vous.
   • Paywall - Aucune configuration visuelle ; vous construisez l’UI dans votre propre code et appelez makePurchase vous-même. Voir Implémenter les paywalls manuellement.

   Dans le code du SDK, les deux sont récupérés via la même méthode getFlow.

3. Placement - Un point stratégique dans le parcours utilisateur où vous souhaitez afficher un flow ou un paywall. Considérez les placements comme le « où » et le « quand » de votre stratégie de monétisation. Les placements courants incluent :

   • main - L’emplacement principal de votre paywall
   • onboarding - Affiché pendant le flow d’onboarding utilisateur
   • settings - Accessible depuis les paramètres de votre application

   Commencez par les bases comme main ou onboarding pour votre première intégration, puis réfléchissez aux autres endroits dans votre application où les utilisateurs pourraient être prêts à acheter.

4. Profil - Lorsque des utilisateurs achètent un produit, leur profil se voit attribuer un niveau d’accès que vous utilisez pour définir l’accès aux fonctionnalités payantes.