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

# Qu'est-ce qu'une API ?

> L'interface de programmation d'application (API) sert d'intermédiaire permettant à différentes applications logicielles d'interagir et d'échanger des données.

<div id="a-simple-analogy-a-restaurant-a-waiter">
  # Une analogie simple : un restaurant et un serveur
</div>

Imaginez que vous dînez au restaurant.

1. **Vous, le client**, parcourez le menu et commandez un cheeseburger avec des frites (comme lorsque vous faites une requête de données de panier).
2. **Le serveur (l'API)** prend votre commande et la communique à la cuisine (tout comme une API reçoit votre requête et l'envoie à un serveur).
3. **La cuisine (le serveur informatique)** prépare votre repas, en traitant la commande et en rassemblant les ingrédients nécessaires (un peu comme un serveur récupère ou manipule les données du panier).
4. **Le serveur (l'API)** livre ensuite le repas à votre table, vous permettant de savourer votre plat (tout comme une API renvoie les données demandées et met à jour votre panier).

Cette analogie offre un moyen simple de comprendre le fonctionnement des API, surtout si vous les découvrez. Lorsque vous utilisez l'API d'Upcart, pensez-y comme à une commande au restaurant : décidez ce que vous voulez que le panier fasse, et laissez l'API s'occuper du reste.

Découvrez comment l'API d'Upcart peut améliorer votre boutique en explorant notre [documentation API](/fr/upcart/introduction_to_upcarts_public_api).

***

<div id="how-this-relates-to-upcarts-api">
  # Le lien avec l'API d'Upcart
</div>

L'API publique d'Upcart vous offre la flexibilité de personnaliser et de gérer les fonctionnalités de votre panier, un peu comme si vous donniez des instructions précises à un serveur.

Par exemple, si vous voulez tester si l'API d'Upcart fonctionne correctement, vous pouvez exécuter un script simple dans votre HTML personnalisé qui enregistre un message chaque fois que le panier s'ouvre :

```
<script>  
  window.upcartSubscribeCartOpened(() => {  
    console.log("UpCart API Test - The cart has been opened!");  
  });  
</script>
```

<div id="verifying-if-its-working">
  ## Vérifier que cela fonctionne
</div>

1. Ouvrez votre boutique et accédez à **Upcart Settings → Custom HTML** pour ajouter le script.
2. Enregistrez vos modifications et actualisez votre boutique.
3. Ouvrez la console du navigateur (**F12** ou **Ctrl + Shift + J** sous Windows, ou **Cmd + Option + J** sur Mac).
4. Ouvrez le panier d'Upcart, et vous devriez voir le message de confirmation apparaître dans la console :

```
Upcart API Test - The cart has been opened!
```

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/api-custom-html-test-script.png?fit=max&auto=format&n=uxKAdY-e0h16xa48&q=85&s=5df59c4ceee2ee520c39b5dd861c46ec" alt="Script de test HTML personnalisé d'Upcart enregistrant un message d'ouverture du panier dans la console du navigateur" width="1472" height="1086" data-path="images/upcart/api-custom-html-test-script.png" />

***

<div id="want-to-learn-more-about-apis">
  ## Vous voulez en savoir plus sur les API ?
</div>

Si vous souhaitez approfondir vos connaissances sur les API et JavaScript, voici quelques ressources adaptées aux débutants pour vous aider à démarrer.

**Apprentissage des API et de JavaScript pour débutants :**

* [W3Schools : les bases de JavaScript](https://www.w3schools.com/js/) – Apprenez les bases du scripting pour utiliser l'API d'Upcart
* [MDN Web Docs : les API pour débutants](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs) – Comprenez comment fonctionnent les API dans les boutiques en ligne
* Documentation développeur Shopify – [Shopify AJAX API](https://shopify.dev/docs/api/ajax) (utile pour les marchands intégrant Upcart au panier de Shopify)

L'API d'Upcart fonctionne parfaitement sans avoir besoin d'outils externes comme Postman : vous pouvez l'utiliser directement dans les paramètres Custom HTML d'Upcart ou dans le code de votre thème Shopify.

***

<div id="need-assistance">
  ## Besoin d'aide ?
</div>

Si vous découvrez les API, pas d'inquiétude ! Vous n'avez pas besoin d'écrire du JavaScript à partir de zéro : copiez-collez simplement des scripts préécrits dans les paramètres Custom HTML d'Upcart pour personnaliser votre panier en quelques minutes.

Vous ne savez pas par où commencer ? Contactez un [Shopify Expert](https://www.shopify.com/partners/directory), ou explorez notre [documentation API](/fr/upcart/introduction_to_upcarts_public_api).

***