Une histoire interactive en 5 étapes

C'est quoi une API ?

Du pont métaphorique au JWT signé, en passant par les endpoints, le rate limiting et la sécurité. Clique sur les points numérotés du pont pour explorer chaque rôle.

DEMANDE →
← RÉPONSE
Quel temps fait-il à Lyon ?
Loutre OtterWise — l'application qui pose la questionAPP
Service Météo
☁️
SVC
Péage · Auth
Badge, s'il vous plaît !
🧑‍✈️
PÉAGER
API · LE PONT
Étape 1 · Tu poses une question depuis ton app.

Application (le client)

L'application ne sait pas comment le service météo fonctionne. Elle sait juste comment parler à l'API : un format précis, une adresse précise.

fetch('https://api.meteo.com/v1/forecast?city=Lyon')
Étape 1 · Application01 / 05

L'application pose la question

Tout part d'ici : ton app (la loutre) veut une donnée qu'elle n'a pas.

Une API (Application Programming Interface) est un contrat. Ton application ne sait pas comment le service fonctionne — elle sait juste comment lui parler : un format précis, une adresse précise. C'est ce contrat qui rend possible tout l'écosystème numérique : ton app, sans connaître le service météo, peut lui demander la température de Lyon.

Sur le pont

Observe l'animation à gauche : la requête suit les 5 étapes numérotées sur le pont. Au centre, un péage : aucune requête ne passe sans présenter une preuve d'identité valide.

  • 🦦 App : pose la question
  • 🌉 Pont (l'API) : transporte la requête
  • 🔒 Péage : vérifie le badge
  • ☁️ Service : possède la donnée
Infographie complète

L'API expliquée en une seule image

Une vue synthétique pour partager, imprimer ou afficher en classe : le pont, le péage, l'application et le service en un coup d'œil.

Télécharger
Infographie : C'est quoi une API ? Le pont qui permet à deux applications de communiquer. Une loutre représente l'application qui pose une question, la requête traverse le pont (l'API) après le péage et rapporte la réponse depuis le service météo.
Et pour les IA ?

C'est quoi un MCP ?

Le Model Context Protocol est un port intelligent qui permet à une IA de se connecter, après authentification, à plusieurs outils (Notion, Gmail, Drive…) avec une seule règle commune.

🤖IA1"Récupère mes mails,notes et RDV du jour"AUTHOAuth · Bearer tokenBearer eyJhbGciOi…2MCPPORT INTELLIGENTprotocole commun{ tool, args, scope }34📝Notion🔑 pages:read✉️Gmail🔑 mail:read📁Drive🔑 files:read💬Slack🔑 chat:read📅Calendar🔑 events:rw5Elle veut interroger plusieurs outils en même temps.
Étape 1 / 6L'IA a une question

💡 Clique sur un badge 🔑 scope pour voir ce qu'il autorise (et interdit).

API = un pont

Relie deux outils entre eux pour échanger une demande et une réponse.

MCP = un port intelligent

Permet à une IA, une fois authentifiée, de se connecter à plein d'outils en suivant les mêmes règles.

Infographie MCP

Le MCP raconté en une seule image

Sans MCP : chaque outil a sa propre connexion. Avec MCP : un seul protocole, plein d'outils accessibles.

Télécharger
Infographie : C'est quoi un MCP ? L'IA se connecte à plusieurs outils via un port intelligent qui parle un protocole commun.