Jamdesk Documentation logo

Exemple OpenAPI

Découvrez une page d'endpoint générée en direct depuis OpenAPI et comment Jamdesk affiche requêtes, réponses et authentification depuis votre spec.

POSThttps://jamdesk-docs.jamdesk.app/api/playground/demo/tickets

Créer un nouveau ticket pour un problème ou une demande client.

Loading code example
Loading code example

Body

customer_idstringrequired

Identifiant du client dans Acme.

subjectstringrequired

Résumé court du problème.

priority"low" | "normal" | "high" | "urgent"
Allowed values: "low" | "normal" | "high" | "urgent"
tagsarray<string>
messagestringrequired

Description détaillée du problème.

Response

application/json

Ticket créé

idstring
customer_idstring
subjectstring
prioritystring
status"open" | "pending" | "resolved"
Allowed values: "open" | "pending" | "resolved"
tagsarray<string>
messagestring
created_atstring<date-time>
updated_atstring<date-time>

Cette page présente un endpoint en direct généré à partir d'une spécification OpenAPI. Le schéma de requête, les modèles de réponse et les exemples de code du panneau de droite sont tous générés automatiquement à partir de la spec, sans rédaction manuelle.

Cet exemple utilise l'API Acme Support. Mettez à jour api.openapi dans votre docs.json pour pointer vers votre propre fichier de spec et générer de vrais endpoints.

Docs multilingues ? Fournissez un fichier <spec>.<lang>.<ext> à côté de votre spec source (par exemple, example-api.fr.yaml) et Jamdesk affiche la version traduite lorsque les utilisateurs consultent la page sous /fr/.... Voir Traduire les spécifications OpenAPI.

Cette page a le API Playground activé. Cliquez sur Try it sur l'endpoint ci-dessus pour tester l'API en direct.

Ce qui est généré

À partir d'une seule ligne de frontmatter openapi, Jamdesk génère automatiquement :

  • Un badge d'endpoint affichant la méthode et le chemin avec un code couleur
  • Une documentation des paramètres pour les paramètres de chemin, de requête, d'en-tête et de corps
  • Des schémas de requête et de réponse, y compris les objets imbriqués et les tableaux
  • Des exemples de code en cURL, Python, JavaScript, Go, Ruby, C#, Java, Rust et PHP (configurable via api.examples.languages)
  • Des détails d'authentification extraits des schémas de sécurité de la spec

Toutes les références $ref de votre spec sont résolues automatiquement, vous pouvez donc organiser les schémas avec components/schemas comme d'habitude.

Les descriptions de votre spec sont rendues en Markdown, et non affichées en texte brut — les descriptions d'opération, de paramètre, de corps de requête, de réponse et de schéma prennent toutes en charge le même gras, code, listes, liens et tableaux GFM que vous écririez dans une page .mdx.

Configurer OpenAPI

Placez votre spec OpenAPI 3.x (YAML ou JSON) dans le répertoire openapi/, enregistrez-la dans docs.json sous api.openapi, puis ajoutez openapi: /openapi/your-spec.yaml METHOD /path au frontmatter de n'importe quelle page. Consultez le guide de configuration OpenAPI pour tous les détails.

Générer une page pour chaque opération

Plutôt que de rédiger une page par endpoint, pointez un onglet de navigation vers la spec et laissez Jamdesk construire toute la référence :

docs.json
{
  "navigation": {
    "tabs": [
      {
        "tab": "API Reference",
        "openapi": { "source": "/openapi/api.yaml", "generate": true }
      }
    ]
  }
}

Chaque opération obtient une page et la barre latérale est regroupée par tag. Les fichiers .mdx déjà commités dans le dépôt sont prioritaires en cas de collision de slug, vous pouvez donc adopter cette approche une page à la fois, et renommer un chemin dans votre spec redirige l'ancienne URL au lieu de la casser. Consultez navigation openapi pour toutes les règles et les limites actuelles.

Vous écrivez votre spec en YAML ? Passez-la dans le Validateur YAML gratuit pour détecter les erreurs d'indentation et de syntaxe avant que le build ne l'analyse.

Pages associées

API Playground

Activez les tests d'API interactifs sur vos pages d'endpoint

Exemples de requête/réponse

Exemple d'endpoint rédigé à la main à l'aide de composants MDX

Configuration OpenAPI

Où stocker et référencer les fichiers OpenAPI

Référence docs.json

Référence de configuration complète, y compris api.openapi