Client API
Envoyez des requêtes HTTP, créez en-têtes et paramètres et inspectez les réponses ; conserve vos 25 dernières.
Les requêtes sont envoyées directement de votre navigateur vers l'URL que vous saisissez — ArrayKit ne les relaie pas, ne les voit ni ne les stocke. Votre historique de requêtes reste dans le stockage local de ce navigateur.
Vous avez une commande curl ? Convertissez-la avec cURL vers Fetch.
À propos de Client API
Ce client API vous permet de construire et d'envoyer des requêtes HTTP directement depuis votre navigateur, comme un Postman léger. Choisissez une méthode, saisissez une URL, ajoutez des paramètres de requête et des en-têtes avec de simples lignes clé/valeur, et attachez un corps JSON ou brut pour POST, PUT, PATCH et DELETE. Envoyez la requête et inspectez la réponse complète : code de statut, durée, taille, en-têtes et corps formaté joliment. Chaque requête envoyée est enregistrée dans vos 25 dernières, stockées dans ce navigateur, afin que vous puissiez la rouvrir et la renvoyer en un clic. Les requêtes partent directement de votre navigateur vers l'URL que vous saisissez — elles ne transitent jamais par ArrayKit — de sorte que l'outil est soumis à la politique CORS de l'API cible, comme tout fetch de navigateur.
Fonctionnalités
- Toutes les méthodes courantes : GET, POST, PUT, PATCH, DELETE, HEAD, OPTIONS
- Construisez des paramètres de requête et des en-têtes avec des lignes clé/valeur activables
- Envoyez un corps de requête JSON ou brut ; le Content-Type est défini pour vous
- Voyez le statut, la durée et la taille de la réponse d'un coup d'œil
- Réponse JSON formatée joliment et vue complète des en-têtes de réponse
- Vos 25 dernières requêtes sont enregistrées dans ce navigateur et rechargeables
- Copiez le corps ou les en-têtes de la réponse en un clic
- S'exécute dans votre navigateur et dialogue directement avec le point de terminaison
Comment utiliser Client API
- Choisissez une méthode HTTP et saisissez l'URL de la requête.
- Ajoutez les paramètres, en-têtes ou un corps dans les onglets ci-dessous.
- Cliquez sur Envoyer pour lancer la requête depuis votre navigateur.
- Inspectez le statut, le temps, les en-têtes et le corps de la réponse.
Exemple
Entrée
GET https://jsonplaceholder.typicode.com/todos/1
Sortie
200 OK · 142 ms · 83 o
{
"userId": 1,
"id": 1,
"completed": false
}
Une requête GET et sa réponse JSON formatée.
Erreurs courantes et dépannage
- La requête échoue avec « Failed to fetch » et aucune réponse. — Les navigateurs ne peuvent appeler que des API qui autorisent les requêtes cross-origin. Si l'API cible n'envoie pas d'en-têtes CORS, le navigateur bloque la réponse — utilisez une API avec CORS activé ou appelez-la depuis votre propre backend.
- Une requête vers une URL http:// est bloquée. — Les pages servies en https ne peuvent pas appeler des points de terminaison http non sécurisés (contenu mixte). Utilisez la version https de l'API.
Foire aux questions
- Qu'est-ce qu'un client API ?
- Un client API vous permet de construire et d'envoyer des requêtes HTTP et d'inspecter les réponses, afin de tester et déboguer des API REST sans écrire de code. Celui-ci s'exécute dans votre navigateur.
- Ma requête passe-t-elle par les serveurs d'ArrayKit ?
- Non. Chaque requête part directement de votre navigateur vers l'URL que vous saisissez ; ArrayKit ne la relaie jamais, ne la voit ni ne la stocke. Votre historique de requêtes reste uniquement dans ce navigateur.
- Pourquoi est-ce que j'obtiens une erreur CORS ?
- Les navigateurs bloquent les réponses cross-origin sauf si l'API cible renvoie les bons en-têtes CORS. C'est une règle de sécurité du navigateur — les outils de bureau l'évitent car ils ne sont pas des navigateurs. Utilisez une API compatible CORS ou votre propre serveur.
- Mes requêtes sont-elles enregistrées ?
- Vos 25 dernières requêtes sont enregistrées dans le stockage local de ce navigateur afin que vous puissiez les renvoyer. Effacer l'historique ou le stockage de votre navigateur les supprime.
- Quelles méthodes HTTP sont prises en charge ?
- GET, POST, PUT, PATCH, DELETE, HEAD et OPTIONS. POST, PUT, PATCH et DELETE peuvent transporter un corps de requête.
Outils associés
Tous les outils ArrayKit