> ## Documentation Index
> Fetch the complete documentation index at: https://docs.replit.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Abonnements RevenueCat

> Apprenez à ajouter des abonnements in-app à votre application mobile avec RevenueCat en utilisant Agent.

export const AiPrompt = ({children}) => {
  return <CodeBlock className="relative block font-sans whitespace-pre-wrap break-words">
      <div className="pr-7">
        {children}
      </div>
    </CodeBlock>;
};

## Qu'est-ce que RevenueCat

RevenueCat vous permet d'ajouter des abonnements in-app à votre [application mobile native](/fr/references/artifact-types/building-mobile-apps). Pour démarrer, demandez à Agent de configurer un abonnement, connectez votre compte RevenueCat et Agent gère la logique et fournit un environnement de test.

## Prérequis

Avant de commencer, vous avez besoin de :

* Un projet Replit créé avec une **Application mobile**
* Un compte [RevenueCat](https://www.revenuecat.com) (seuls un e-mail et un mot de passe sont requis — aucun compte bancaire ni configuration supplémentaire n'est nécessaire)

<Note>
  Pour travailler sur une application mobile native, utilisez le Project Editor sur [replit.com](https://replit.com). Le travail sur les applications mobiles natives est également disponible dans l'application Android Replit là où c'est pris en charge. Si vous utilisez l'application iOS Replit, ouvrez le projet sur replit.com.
</Note>

## Démarrer

<Steps>
  <Step title="Demandez à Agent d'ajouter un abonnement">
    Décrivez l'abonnement que vous souhaitez. Agent planifie l'intégration, installe les packages et configure RevenueCat.

    <AiPrompt>Add a \$5.99/mo subscription to my app</AiPrompt>

    <Frame>
      <img src="https://mintcdn.com/replit/54Lx5jKPhNuBhNIa/images/replitai/revenuecat-prompt.png?fit=max&auto=format&n=54Lx5jKPhNuBhNIa&q=85&s=1f5aef4b09f4ba1a20eb982e2db87f12" alt="Project Editor Replit affichant Agent répondant à une invite pour ajouter un abonnement" width="1957" height="1133" data-path="images/replitai/revenuecat-prompt.png" />
    </Frame>
  </Step>

  <Step title="Connectez votre compte RevenueCat">
    Agent vous invite à connecter RevenueCat. Sélectionnez **Connecter RevenueCat** pour lancer le flux d'autorisation.

    <Frame>
      <img src="https://mintcdn.com/replit/54Lx5jKPhNuBhNIa/images/replitai/revenuecat-connect.png?fit=max&auto=format&n=54Lx5jKPhNuBhNIa&q=85&s=2ab15e61163cb1a499b5082338efb5db" alt="Chat Agent affichant la bannière Connecter RevenueCat avec un bouton Connecter" width="1957" height="1133" data-path="images/replitai/revenuecat-connect.png" />
    </Frame>

    Une fenêtre modale confirme que vous vous connectez à RevenueCat. Sélectionnez **Continuer vers RevenueCat** pour procéder.

    <Frame>
      <img src="https://mintcdn.com/replit/54Lx5jKPhNuBhNIa/images/replitai/revenuecat-connect-modal.png?fit=max&auto=format&n=54Lx5jKPhNuBhNIa&q=85&s=b901785b4dc04548f826fe84ea0447f0" alt="Fenêtre modale Connecter RevenueCat affichant les informations de confidentialité et de sécurité" width="1957" height="1133" data-path="images/replitai/revenuecat-connect-modal.png" />
    </Frame>
  </Step>

  <Step title="Autoriser Replit">
    Sur la page d'autorisation RevenueCat, sélectionnez l'accès **Lecture et écriture**, puis **Autoriser** pour accorder à Replit l'accès à votre compte RevenueCat.

    <Frame>
      <img src="https://mintcdn.com/replit/54Lx5jKPhNuBhNIa/images/replitai/revenuecat-authorize.png?fit=max&auto=format&n=54Lx5jKPhNuBhNIa&q=85&s=ef7c653c14f864265f6157a35cc62800" alt="Page d'autorisation OAuth RevenueCat avec l'accès Lecture et Écriture sélectionné" width="683" height="897" data-path="images/replitai/revenuecat-authorize.png" />
    </Frame>
  </Step>

  <Step title="Agent crée votre abonnement">
    Après l'autorisation, Agent crée le projet RevenueCat, configure les produits et les droits, crée un écran de paywall et câble la logique d'abonnement dans toute votre application.

    <Frame>
      <img src="https://mintcdn.com/replit/54Lx5jKPhNuBhNIa/images/replitai/revenuecat-agent-summary.png?fit=max&auto=format&n=54Lx5jKPhNuBhNIa&q=85&s=1343a44680e387548c7811c4ffae2be1" alt="Résumé Agent affichant l'écran de paywall avec les fonctionnalités d'abonnement et les tarifs" width="1957" height="1133" data-path="images/replitai/revenuecat-agent-summary.png" />
    </Frame>

    <Frame>
      <img src="https://mintcdn.com/replit/54Lx5jKPhNuBhNIa/images/replitai/revenuecat-app-home.png?fit=max&auto=format&n=54Lx5jKPhNuBhNIa&q=85&s=20f7a373137adbee146010b795824560" alt="Écran d'accueil de l'application mobile affichant un badge Premium pour le contenu abonné" width="1957" height="1133" data-path="images/replitai/revenuecat-app-home.png" />
    </Frame>
  </Step>
</Steps>

## Tester les abonnements

Les previews Replit utilisent le **mode test** de RevenueCat. Lorsque vous testez un achat dans Expo Go, vous voyez une boîte de dialogue d'achat de test au lieu d'un vrai flux de paiement. Aucun montant n'est débité.

<Frame>
  <img src="https://mintcdn.com/replit/54Lx5jKPhNuBhNIa/images/replitai/revenuecat-test-purchase.png?fit=max&auto=format&n=54Lx5jKPhNuBhNIa&q=85&s=cd4d96400d7176eefe69e8762f89c425" alt="Boîte de dialogue d'achat de test sur un appareil mobile affichant les détails du package et les boutons de test" width="683" height="1253" data-path="images/replitai/revenuecat-test-purchase.png" />
</Frame>

<Tip>
  Les achats de test sont sûrs à utiliser pendant le développement. Vous pouvez tester les flux d'achat
  réussis et échoués sans frais réels.
</Tip>

<Warning>
  Une fois qu'Apple approuve votre application pour la distribution sur l'App Store, les achats utilisent de l'argent réel.
  Assurez-vous que vos produits RevenueCat et vos tarifs sont corrects avant de soumettre à
  l'App Review.
</Warning>

## Gérer les abonnements

Pour modifier votre abonnement, demandez à Agent. Par exemple :

<AiPrompt>Modify the subscription to be \$9.99/yr instead</AiPrompt>

Agent met à jour la configuration de votre produit RevenueCat, l'interface utilisateur du paywall et la logique d'abonnement pour refléter le changement.

<Frame>
  <img src="https://mintcdn.com/replit/54Lx5jKPhNuBhNIa/images/replitai/revenuecat-modify.png?fit=max&auto=format&n=54Lx5jKPhNuBhNIa&q=85&s=1f2e3540744cff1d9626ca9ff065abbb" alt="Project Editor Replit affichant Agent modifiant le prix de l'abonnement de mensuel à annuel" width="1957" height="1133" data-path="images/replitai/revenuecat-modify.png" />
</Frame>

## Synchronisation avec App Store Connect

Pour que les achats in-app fonctionnent dans TestFlight et l'Apple App Store, [vous devrez accepter
l'Accord sur les applications payantes d'Apple et connecter votre compte bancaire](https://developer.apple.com/help/app-store-connect/manage-agreements/sign-and-update-agreements/).
Cela se fait via App Store Connect. Vous aurez besoin d'un compte Apple Developer payant avant de pouvoir soumettre votre application à l'App Store.

Ensuite, vous pouvez synchroniser vos configurations d'achats in-app depuis RevenueCat vers App Store Connect directement via Replit.

<Steps>
  <Step title="Accédez au panneau Gérer dans Publication">
    Vous verrez un bouton pour synchroniser RevenueCat avec App Store Connect.

    <Frame>
      <img src="https://mintcdn.com/replit/xEOEB_NKh1DJyjhm/images/replitai/revenuecat-asc-sync-btn.png?fit=max&auto=format&n=xEOEB_NKh1DJyjhm&q=85&s=739b8603ed165eebf67a87ff5408da9b" alt="Bouton Synchroniser RevenueCat avec App Store Connect" width="1476" height="604" data-path="images/replitai/revenuecat-asc-sync-btn.png" />
    </Frame>

    <Tip>
      Cette section n'apparaît qu'après avoir soumis votre application à TestFlight.
    </Tip>
  </Step>

  <Step title="Fournir la clé API App Store Connect">
    Vous devrez accéder à App Store Connect pour fournir cette clé.

    Dans [App Store Connect](https://appstoreconnect.apple.com/access/integrations/api), accédez à **Utilisateurs et accès**, puis sélectionnez l'onglet **Intégrations**. Dans la barre latérale, sélectionnez **App Store Connect API**.

    Lors de la création d'une clé, assurez-vous de donner à la clé les permissions « App Manager ».

    Téléchargez le fichier .p8 maintenant — vous ne pouvez le télécharger qu'une seule fois. Le nom de fichier commence par `AuthKey_` et se termine par `.p8`.

    Copiez l'**ID de clé** et l'**ID d'émetteur** affichés sur cette page.

    <Frame>
      <img src="https://mintcdn.com/replit/xEOEB_NKh1DJyjhm/images/replitai/revenuecat-asc-create.png?fit=max&auto=format&n=xEOEB_NKh1DJyjhm&q=85&s=24ac192da8b1182d1835ef4de0f9839a" alt="Page Utilisateurs et accès d'App Store Connect avec des étapes numérotées mettant en évidence l'onglet Intégrations, le lien de la barre latérale App Store Connect API et le bouton plus pour créer une nouvelle clé API" width="2390" height="752" data-path="images/replitai/revenuecat-asc-create.png" />
    </Frame>

    <Frame>
      <img src="https://mintcdn.com/replit/xEOEB_NKh1DJyjhm/images/replitai/revenuecat-asc-app-manager.png?fit=max&auto=format&n=xEOEB_NKh1DJyjhm&q=85&s=1cce1eda00a2aca593f7f1388c85b7b9" alt="Boîte de dialogue Générer une clé API dans App Store Connect avec le nom défini sur RevenueCat et l'accès défini sur App Manager" width="1116" height="560" data-path="images/replitai/revenuecat-asc-app-manager.png" />
    </Frame>

    <Frame>
      <img src="https://mintcdn.com/replit/xEOEB_NKh1DJyjhm/images/replitai/revenuecat-asc-copy.png?fit=max&auto=format&n=xEOEB_NKh1DJyjhm&q=85&s=c2db4fb91a7ce8c49db0ae16603b61d8" alt="Page des clés API App Store Connect avec des flèches pointant vers le lien de copie de l'ID d'émetteur et la colonne ID de clé" width="2330" height="780" data-path="images/replitai/revenuecat-asc-copy.png" />
    </Frame>
  </Step>

  <Step title="Créer une clé API d'achat in-app">
    Répétez l'étape précédente pour une clé API d'achat in-app.
    Dans la barre latérale, sélectionnez **Achat in-app**. Créez ensuite une clé API avec les permissions **App Manager**.
    Téléchargez la clé .p8 (le nom de fichier commence par `SubscriptionKey_` et se termine par `.p8`). Copiez l'**ID de clé** et l'**ID d'émetteur**.

    <Frame>
      <img src="https://mintcdn.com/replit/xEOEB_NKh1DJyjhm/images/replitai/revenuecat-iap-api-key.png?fit=max&auto=format&n=xEOEB_NKh1DJyjhm&q=85&s=6adeb76b34f36ab2528c614509727a77" alt="Page Utilisateurs et accès d'App Store Connect avec Achat in-app sélectionné dans la barre latérale et une flèche pointant vers le bouton plus pour créer une nouvelle clé" width="2272" height="637" data-path="images/replitai/revenuecat-iap-api-key.png" />
    </Frame>
  </Step>

  <Step title="Synchroniser les produits">
    Confirmez la liste des produits et synchronisez avec App Store Connect.

    <Frame>
      <img src="https://mintcdn.com/replit/xEOEB_NKh1DJyjhm/images/replitai/revenuecat-asc-products-sync.png?fit=max&auto=format&n=xEOEB_NKh1DJyjhm&q=85&s=009172881129e77b4fe8021bd19f98fb" alt="Boîte de dialogue Gérer les achats in-app affichant un produit d'abonnement mensuel avec des champs de prix, de durée et de territoire, et un bouton Synchroniser avec App Store Connect" width="948" height="476" data-path="images/replitai/revenuecat-asc-products-sync.png" />
    </Frame>
  </Step>
</Steps>

## Questions fréquentes

<AccordionGroup>
  <Accordion title="Ai-je besoin d'un compte bancaire pour utiliser RevenueCat ?">
    Non. Vous avez uniquement besoin d'un e-mail et d'un mot de passe pour créer un compte RevenueCat. La configuration du compte bancaire est gérée séparément via Apple ou Google lorsque vous êtes prêt à recevoir des paiements de l'App Store ou Google Play.
  </Accordion>

  <Accordion title="Les achats de test sont-ils facturés ?">
    Non. Pendant le développement, les previews Replit utilisent le mode test de RevenueCat.
    Les achats sont simulés et aucun frais réel n'est appliqué. Les frais réels ne s'appliquent qu'après
    l'approbation de votre application par l'App Review d'Apple.
  </Accordion>

  <Accordion title="Puis-je utiliser RevenueCat avec une application web ?">
    RevenueCat est conçu pour les applications mobiles natives. Pour ajouter des abonnements à une application
    web, utilisez l'[intégration Stripe](/fr/references/monetization/stripe-payments) à la place.
  </Accordion>

  <Accordion title="Que puis-je configurer avec RevenueCat ?">
    Vous pouvez configurer des abonnements mensuels ou annuels, définir les tarifs, gérer
    les droits et créer des paywalls. Demandez à Agent d'effectuer des modifications — il gère à la fois
    la configuration RevenueCat et le code de votre application.
  </Accordion>
</AccordionGroup>