Intégrer Adapty dans votre application Capacitor avec l'aide de l'IA

Ce guide vous accompagne pas à pas dans l’intégration d’Adapty dans votre application Capacitor à l’aide d’un outil de codage IA — il vous suffit de lui fournir la bonne documentation Adapty dans le bon ordre.

Avant de commencer : configuration du tableau de bord

Adapty nécessite quelques étapes de configuration dans le tableau de bord avant d’écrire du code avec le SDK. Vous pouvez le faire avec un skill LLM interactif, ou manuellement via le Dashboard.

Approche par compétence (recommandée)

La compétence Adapty CLI permet à votre LLM de configurer votre application, vos produits, vos niveaux d’accès, vos paywalls et vos placements directement — sans ouvrir le Dashboard à chaque étape. Il vous suffit de connecter vos stores dans le Dashboard.

npx skills add adaptyteam/adapty-cli --skill adapty-cli

Une fois la compétence ajoutée, exécutez /adapty-cli dans votre agent. Il vous guidera à chaque étape — y compris lorsqu’il faudra ouvrir le Dashboard pour connecter vos stores.

Approche via le tableau de bord

Si vous préférez tout configurer manuellement, voici ce dont vous avez besoin avant d’écrire du code. Votre LLM ne peut pas rechercher les valeurs du tableau de bord à votre place — vous devrez les fournir vous-même.

Connectez vos stores : Dans l’Adapty Dashboard, accédez à App settings → General. Connectez l’App Store et Google Play si votre application Capacitor cible les deux plateformes. C’est indispensable pour que les achats fonctionnent. Connecter les stores
Copiez votre clé SDK publique : dans l’Adapty Dashboard, rendez-vous dans App settings → General, puis repérez la section API keys. Dans le code, c’est la chaîne que vous passez à adapty.activate().
Créez au moins un produit : dans l’Adapty Dashboard, accédez à la page Products. Vous ne référencez pas les produits directement dans le code — Adapty les transmet via les paywalls. Ajouter des produits
Créez un paywall et un placement : Dans l’Adapty Dashboard, créez un paywall sur la page Paywalls, puis assignez-le à un placement sur la page Placements. Dans le code, l’ID du placement est la chaîne que vous passez à adapty.getFlow(). Créer un paywall
Configurez les niveaux d’accès : Dans l’Adapty Dashboard, configurez chaque produit sur la page Products. Dans le code, la chaîne vérifiée est profile.accessLevels['premium']?.isActive. Le niveau d’accès premium par défaut convient à la plupart des applications. Si les utilisateurs payants ont accès à différentes fonctionnalités selon le produit (par exemple, un plan basic ou un plan pro), créez des niveaux d’accès supplémentaires avant de commencer à coder.

Une fois que vous avez les cinq éléments, vous êtes prêt à écrire du code. Dites à votre LLM : « Ma clé SDK publique est X, mon identifiant de placement est Y » pour qu’il génère le code d’initialisation et de récupération de flow correct.

Configurez quand vous êtes prêt

Ces éléments ne sont pas obligatoires pour commencer à coder, mais vous en aurez besoin au fil de l’évolution de votre intégration :

Tests A/B : Configurez-les sur la page Placements. Aucune modification de code requise. Tests A/B
Paywalls et placements supplémentaires : Ajoutez d’autres appels getFlow avec des ID de placement différents.
Intégrations analytiques : Configurez-les sur la page Integrations. La configuration varie selon l’intégration. Consultez les intégrations analytiques et les intégrations d’attribution.

Alimentez votre LLM avec la documentation Adapty

Utiliser Context7 (recommandé)

Context7 est un serveur MCP qui donne à votre LLM un accès direct à la documentation Adapty à jour. Votre LLM récupère automatiquement les bonnes docs en fonction de vos questions — aucun collage d’URL manuel nécessaire.

Context7 fonctionne avec Cursor, Claude Code, Windsurf et d’autres outils compatibles MCP. Pour le configurer, exécutez :

npx ctx7 setup

Cela détecte votre éditeur et configure le serveur Context7. Pour une configuration manuelle, consultez le dépôt GitHub Context7.

Une fois configuré, référencez la bibliothèque Adapty dans vos prompts :

Use the adaptyteam/adapty-docs library to look up how to install the Capacitor SDK

Même si Context7 supprime le besoin de coller manuellement des liens vers la documentation, l’ordre d’implémentation est important. Suivez le guide d’implémentation ci-dessous étape par étape pour vous assurer que tout fonctionne.

Utilisez les docs en texte brut

Vous pouvez accéder à n’importe quelle doc Adapty en texte brut Markdown. Ajoutez .md à la fin de son URL, ou cliquez sur Copy for LLM sous le titre de l’article. Par exemple : adapty-cursor-capacitor.md.

Chaque étape du guide d’implémentation ci-dessous inclut un bloc « Envoyer à votre LLM » avec des liens .md à coller.

Pour accéder à plus de documentation en une seule fois, consultez les fichiers d’index et sous-ensembles par plateforme ci-dessous.

Implémentation pas à pas

Le reste de ce guide vous accompagne à travers l’intégration d’Adapty dans l’ordre d’implémentation. Chaque étape inclut la documentation à envoyer à votre LLM, ce que vous devriez obtenir une fois terminé, et les problèmes courants.

Planifiez votre intégration

Avant de vous lancer dans le code, demandez à votre LLM d’analyser votre projet et de créer un plan d’implémentation. Si votre outil IA dispose d’un mode planification (comme le mode plan de Cursor ou de Claude Code), utilisez-le pour que le LLM puisse lire à la fois la structure de votre projet et la documentation Adapty avant d’écrire quoi que ce soit.

Indiquez à votre LLM l’approche que vous utilisez pour les achats — cela détermine les guides qu’il devra suivre :

Adapty Flow Builder : vous créez des flows dans le builder no-code d’Adapty, et le SDK les affiche automatiquement.
Paywalls créés manuellement : vous construisez votre propre interface de paywall dans le code, mais utilisez toujours Adapty pour récupérer les produits et gérer les achats.
Mode observateur : vous conservez votre infrastructure d’achats existante et utilisez Adapty uniquement pour les analyses et les intégrations.

Vous ne savez pas lequel choisir ? Consultez le tableau comparatif dans le guide de démarrage rapide.

Installer et configurer le SDK

Ajoutez la dépendance du SDK Adapty via npm et activez-la avec votre clé SDK publique. C’est la base — rien d’autre ne fonctionne sans elle.

Guide : Installer et configurer le SDK Adapty

Ce guide cible le SDK Adapty Capacitor v4 (beta) — l’API présentée dans le quickstart. La v4 est une version préliminaire, alors assurez-vous que votre LLM utilise la version exacte (npm install @adapty/capacitor@4.0.1-beta.1) plutôt que la dernière version stable 3.x. Consultez la section d’installation du SDK 4.0 et le guide de migration.

Envoyez ceci à votre LLM :

Read these Adapty docs before writing code:
- https://adapty.io/docs/fr/sdk-installation-capacitor.md

Checkpoint

Expected : L’app se compile et s’exécute sur iOS et Android. La console affiche le log d’activation d’Adapty.
Gotcha : “Public API key is missing” → vérifiez que vous avez remplacé le placeholder par votre vraie clé depuis App settings.

Afficher les paywalls et gérer les achats

Récupérez un paywall par identifiant de placement, affichez-le et gérez les événements d’achat. Les guides dont vous avez besoin dépendent de la façon dont vous gérez les achats.

Testez chaque achat en sandbox au fur et à mesure — n’attendez pas la fin. Consultez Tester les achats en sandbox pour les instructions de configuration.

Guides :

Read these Adapty docs before writing code:
- https://adapty.io/docs/fr/capacitor-quickstart-paywalls.md
- https://adapty.io/docs/fr/capacitor-get-pb-paywalls.md
- https://adapty.io/docs/fr/capacitor-present-paywalls.md
- https://adapty.io/docs/fr/capacitor-handling-events.md
- https://adapty.io/docs/fr/capacitor-handle-paywall-actions.md

Checkpoint

Attendu : Le flow s’affiche avec vos produits configurés. Appuyer sur un produit déclenche la boîte de dialogue d’achat sandbox.
À surveiller : Flow vide ou erreur getFlow → vérifiez que l’ID du placement correspond exactement à celui du tableau de bord et qu’une audience est bien assignée au placement.

Guides :

Read these Adapty docs before writing code:
- https://adapty.io/docs/fr/capacitor-quickstart-manual.md
- https://adapty.io/docs/fr/fetch-paywalls-and-products-capacitor.md
- https://adapty.io/docs/fr/present-remote-config-paywalls-capacitor.md
- https://adapty.io/docs/fr/capacitor-making-purchases.md
- https://adapty.io/docs/fr/capacitor-restore-purchase.md

Checkpoint

Attendu : Votre paywall personnalisé affiche les produits récupérés depuis Adapty. Appuyer sur un produit déclenche la boîte de dialogue d’achat sandbox.
Problème fréquent : Tableau de produits vide → vérifiez que le paywall a des produits assignés dans le tableau de bord et que le placement a une audience.

Guides :

Envoyez ceci à votre LLM :

Read these Adapty docs before writing code:
- https://adapty.io/docs/fr/observer-vs-full-mode.md
- https://adapty.io/docs/fr/implement-observer-mode-capacitor.md
- https://adapty.io/docs/fr/report-transactions-observer-mode-capacitor.md

Checkpoint

Résultat attendu : Après un achat sandbox via votre flux d’achat existant, la transaction apparaît dans l’Event Feed du tableau de bord Adapty.
Piège courant : Aucun événement → vérifiez que vous signalez bien les transactions à Adapty et que les notifications serveur sont configurées pour les deux stores.

Vérifier le statut de l’abonnement

Après un achat, vérifiez le profil utilisateur pour un niveau d’accès actif afin de contrôler l’accès au contenu premium.

Guide : Vérifier le statut de l’abonnement

Envoyez ceci à votre LLM :

Read these Adapty docs before writing code:
- https://adapty.io/docs/fr/capacitor-check-subscription-status.md

Checkpoint

Attendu : Après un achat sandbox, profile.accessLevels['premium']?.isActive renvoie true.
Point d’attention : accessLevels vide après un achat → vérifiez que le produit a bien un niveau d’accès assigné dans le tableau de bord.

Identifier les utilisateurs

Associez les comptes utilisateurs de votre application aux profils Adapty pour que les achats persistent d’un appareil à l’autre.

Ignorez cette étape si votre application ne nécessite pas d’authentification.

Guide : Identifier les utilisateurs

Envoyez ceci à votre LLM :

Read these Adapty docs before writing code:
- https://adapty.io/docs/fr/capacitor-quickstart-identify.md

Checkpoint

Attendu : Après avoir appelé adapty.identify(), la section Profiles du tableau de bord affiche votre identifiant utilisateur personnalisé.
Attention : Appelez identify après l’activation mais avant de récupérer les paywalls pour éviter une attribution de profil anonyme.

Préparer la mise en production

Une fois votre intégration validée en sandbox, parcourez la checklist de mise en production pour vous assurer que tout est prêt.

Guide : Checklist de mise en production

Envoyez ceci à votre LLM :

Read these Adapty docs before releasing:
- https://adapty.io/docs/fr/release-checklist.md

Checkpoint

Attendu : Tous les éléments de la liste de contrôle sont confirmés : connexions au store, notifications serveur, flux d’achat, vérifications du niveau d’accès et exigences de confidentialité.
Point d’attention : Notifications serveur manquantes → configurez les App Store Server Notifications dans App settings → iOS SDK et les Google Play Real-Time Developer Notifications dans App settings → Android SDK.

Fichiers d’index en texte brut

Si vous souhaitez fournir à votre LLM un contexte plus large au-delà des pages individuelles, nous hébergeons des fichiers d’index qui listent ou regroupent toute la documentation Adapty :

llms.txt : Liste toutes les pages avec des liens .md. Un standard émergent pour rendre les sites web accessibles aux LLMs. Notez que pour certains agents IA (par ex. ChatGPT), vous devrez télécharger llms.txt et le joindre à la conversation en tant que fichier.
llms-full.txt : L’intégralité de la documentation Adapty regroupée en un seul fichier. Très volumineux — à utiliser uniquement lorsque vous avez besoin d’une vue d’ensemble complète.
Fichiers spécifiques à Capacitor capacitor-llms.txt et capacitor-llms-full.txt : Sous-ensembles propres à la plateforme, moins lourds en tokens que le site complet.