Bonnes pratiques
Après avoir maîtrisé la syntaxe Markdown, comment rédiger une documentation technique de haute qualité et facile à maintenir ? Ce guide propose des bonnes pratiques, des standards de base aux astuces avancées.
Conception de la structure du document
Organisation des dossiers
projet/
├── README.md # Présentation du projet
├── docs/
│ ├── index.md # Page d'accueil de la documentation
│ ├── getting-started/
│ │ ├── installation.md # Guide d'installation
│ │ ├── quick-start.md # Démarrage rapide
│ │ └── examples.md # Exemples de code
│ ├── api/
│ │ ├── overview.md # Vue d'ensemble de l'API
│ │ ├── authentication.md # Authentification
│ │ └── endpoints/ # Points de terminaison API
│ ├── guides/
│ │ ├── best-practices.md # Bonnes pratiques
│ │ └── troubleshooting.md # Dépannage
│ └── changelog.md # Journal des modifications
└── assets/
└── images/ # Ressources images
Hiérarchie du contenu
# Titre de niveau 1 - Sujet du document
Présentez brièvement le contenu et les objectifs de ce document.
## Titre de niveau 2 - Sections principales
### Titre de niveau 3 - Sujets spécifiques
Contenu détaillé et explications...
#### Titre de niveau 4 - Sous-sections
Détails d'implémentation...
##### Titre de niveau 5 - Notes supplémentaires
Précautions et astuces...
> **Remarque** : Évitez d'utiliser plus de cinq niveaux de titres pour ne pas complexifier la structure du document.
Standards de rédaction du contenu
Style de langage
✅ Recommandé :
1. **Utilisez un langage concis et clair**
- Évitez les phrases trop longues
- Utilisez la voix active
- Minimisez le jargon
2. **Maintenez un ton cohérent**
- Formel mais convivial
- Expressions orientées utilisateur
- Évitez un vocabulaire trop technique
3. **Fournissez des instructions précises**
- Utilisez des chiffres et exemples concrets
- Donnez des étapes claires
- Indiquez les résultats attendus
❌ À éviter :
- Énoncés vagues
- Voix passive excessive
- Manque de contexte nécessaire
- Supposer des connaissances spécifiques du lecteur
Paragraphes et mise en forme
<!-- ✅ Bonne structure de paragraphe -->
## Installer Node.js
Pour utiliser notre outil, vous devez d'abord installer Node.js. Node.js est un environnement d'exécution JavaScript qui permet d'exécuter du JavaScript côté serveur.
### Prérequis système
Avant l'installation, assurez-vous que votre système répond aux critères suivants :
- OS : Windows 10+, macOS 10.12+ ou Linux
- Mémoire : Au moins 4 Go de RAM
- Stockage : Au moins 1 Go d'espace libre
### Étapes d'installation
1. Rendez-vous sur le [site officiel de Node.js](https://nodejs.org/)
2. Téléchargez l'installateur pour votre OS
3. Lancez l'installateur et suivez les instructions
4. Ouvrez un terminal pour vérifier l'installation :
Si le numéro de version s'affiche, l'installation a réussi.
Installer nodejs vous devez télécharger depuis le site officiel puis installer et vérifier la version pour garantir le succès
## Standards pour les exemples de code
### Bonnes pratiques pour les blocs de code
Créer un compte utilisateur
L'exemple suivant montre comment utiliser l'API pour créer un nouvel utilisateur :
// Importer les bibliothèques nécessaires
const axios = require('axios');
// Configurer l'endpoint de l'API
const API_BASE_URL = 'https://api.example.com';
const API_KEY = 'votre-api-key';
// Fonction de création d'utilisateur
async function createUser(userData) {
try {
const response = await axios.post(`${API_BASE_URL}/users`, userData, {
headers: {
'Authorization': `Bearer ${API_KEY}`,
'Content-Type': 'application/json'
}
});
console.log('Utilisateur créé :', response.data);
return response.data;
} catch (error) {
console.error('Échec de la création de l\'utilisateur :', error.response.data);
throw error;
}
}
// Exemple d'utilisation
const newUser = {
name: 'Zhang San',
email: 'zhangsan@example.com',
role: 'user'
};
createUser(newUser);
Résultat attendu :
{
"id": "12345",
"name": "Zhang San",
"email": "zhangsan@example.com",
"role": "user",
"created_at": "2024-01-15T10:30:00Z"
}
Astuces importantes :
- Remplacez
votre-api-key
par votre vraie clé API - Assurez-vous d'avoir une connexion réseau
- Gardez votre clé API secrète ; ne la commitez pas dans le contrôle de version
// Créer un utilisateur
axios.post('/users', data)
Ce code crée un utilisateur.
### Exemples en ligne de commande
Déploiement du projet
1. Construire le projet
# Installer les dépendances
npm install
# Lancer les tests
npm test
# Construire la version production
npm run build
2. Déployer sur le serveur
# Se connecter au serveur
ssh user@server.example.com
# Entrer dans le dossier du projet
cd /var/www/myproject
# Récupérer le dernier code
git pull origin main
# Redémarrer le service
sudo systemctl restart myproject
3. Vérifier le déploiement
# Vérifier le statut du service
sudo systemctl status myproject
# Voir les logs
sudo journalctl -u myproject -f
Résultats attendus :
- Le statut du service affiche
active (running)
- Accéder à
https://yoursite.com
affiche la dernière version
## Gestion des liens et des références
### Liens internes
Pour des instructions d'installation détaillées, voir Guide d'installation.
Pour l'authentification API, voir Docs Authentification.
En cas de problème, consultez le Guide de dépannage.
Cliquez ici pour l'installation. Voir : ./index.md
### Liens externes
Notre API est conçue selon le style d'architecture REST, en suivant les standards des codes HTTP.
Pour en savoir plus sur JWT, voir Docs officielles JWT et Spécification RFC 7519.
### Liens de référence
Nous supportons plusieurs méthodes d'authentification, dont Clés API, OAuth 2.0, et JWT.
Pour la configuration détaillée, voir Guide de configuration, pour la FAQ voir page FAQ.
## Optimisation des images et médias
### Bonnes pratiques d'utilisation des images
Aperçu de l'interface utilisateur
L'image suivante montre la disposition principale de l'application :
Notes sur l'image :
- La barre de navigation supérieure contient les points d'entrée principaux
- La barre latérale gauche offre une navigation rapide
- La zone de contenu principale affiche la page courante
- La barre d'état inférieure affiche les infos système
Schéma d'architecture système
Figure : Architecture globale du système - montre les relations entre les composants
Voir image :
### Organisation et nommage des images
assets/ ├── images/ │ ├── ui/ │ │ ├── dashboard-overview.png │ │ ├── user-profile-edit.png │ │ └── settings-general.png │ ├── diagrams/ │ │ ├── system-architecture.svg │ │ ├── data-flow-diagram.png │ │ └── user-workflow.png │ └── screenshots/ │ ├── installation-step-1.png │ ├── installation-step-2.png │ └── installation-complete.png
assets/ ├── images/ │ ├── img1.png │ ├── pic2.jpg │ ├── screenshot.png │ └── diagram.svg
## Principes de conception des tableaux
### Tableaux de données
Liste des endpoints API
Méthode | Endpoint | Description | Auth | Paramètres |
---|---|---|---|---|
GET | /api/users | Liste des utilisateurs | ✅ | page , limit , sort |
POST | /api/users | Créer un nouvel utilisateur | ✅ | name , email , role |
GET | /api/users/{id} | Obtenir un utilisateur | ✅ | id (paramètre chemin) |
PUT | /api/users/{id} | Mettre à jour un utilisateur | ✅ | id , name , email |
DELETE | /api/users/{id} | Supprimer un utilisateur | ✅ | id (paramètre chemin) |
Notes :
- ✅ signifie authentification requise
- Tous les endpoints nécessitent une clé API valide dans l'en-tête de la requête
- Les paramètres de chemin sont spécifiés directement dans l'URL
- Les paramètres de requête sont passés sous la forme
?key=value&key2=value2
Comparaison des offres tarifaires
Fonctionnalité | Gratuit | Pro | Entreprise |
---|---|---|---|
Utilisateurs | Jusqu'à 5 | Jusqu'à 50 | Illimité |
Stockage | 1Go | 100Go | 1To |
Appels API | 1 000/mois | 10 000/mois | Illimité |
Support | Communauté | 24/7 dédié | |
Prix | Gratuit | 99€/mois | 999€/mois |
Passer à Pro | Contacter le support
### Affichage de données complexes
Exigences de configuration serveur
Spécification serveur | Configuration recommandée | ||
---|---|---|---|
Déploiement petit (<1K utilisateurs) | Déploiement moyen (1K-10K utilisateurs) | Déploiement large (>10K utilisateurs) | |
CPU | 2 cœurs | 4 cœurs | 8+ cœurs |
Mémoire | 4Go | 8Go | 16Go+ |
Stockage | 50Go SSD | 200Go SSD | 500Go+ SSD |
Réseau | 100Mbps | 1Gbps | 10Gbps |
Gestion de version et collaboration
Gestion des versions de la documentation
<!-- ✅ Ajoutez les infos de version en haut des docs -->
---
title: Guide utilisateur API
version: 2.1.0
last_updated: 2024-01-15
author: Équipe Docs Techniques
---
# Guide utilisateur API
> **Note de version** : Ce document s'applique à l'API v2.1.0 et plus.
> Pour les anciennes versions, voir les [docs archivées](./archive/).
## Journal des modifications
### v2.1.0 (2024-01-15)
- Ajout de la gestion des groupes d'utilisateurs
- Amélioration du flux d'authentification
- Correction de bugs connus
### v2.0.0 (2024-01-01)
- Refactoring de l'architecture API
- Mise à jour de l'authentification
- Ajout des opérations par lot
Standards de commit Git
<!-- ✅ Format standard de message de commit -->
docs: Mise à jour de la doc d'authentification API
- Ajout d'un exemple OAuth 2.0
- Correction d'erreurs dans les exemples de code
- Mise à jour des liens associés
closes #123
<!-- ✅ Explications des types de commit -->
Préfixes de type :
- docs: Mise à jour de la documentation
- feat: Nouvelle fonctionnalité docs
- fix: Correction d'erreurs docs
- style: Modifications de formatage
- refactor: Refactorisation de la structure docs
- test: Ajout de tests d'exemple
- chore: Mises à jour build/outils
Standards de collaboration documentaire
<!-- Guide de contribution -->
## Guide de contribution
### Processus de soumission
1. **Forkez le repo** - Créez votre propre copie
2. **Créez une branche** - Pour vos modifications
```bash
git checkout -b docs/update-api-guide
- Rédigez le contenu - Suivez les standards de documentation
- Testez localement - Vérifiez le rendu des docs
- Committez - Utilisez des messages de commit standard
- Créez une PR - Décrivez vos modifications en détail
Checklist de relecture
- [ ] Exactitude du contenu
- [ ] Langage clair
- [ ] Respect du formatage
- [ ] Liens valides
- [ ] Exemples de code fonctionnels
- [ ] Images affichées correctement
## Accessibilité et internationalisation
### Conception accessible
<!-- ✅ Documentation accessible -->
### Couleur et contraste
Lorsque vous utilisez la couleur pour transmettre une information, fournissez aussi d'autres indices :
::: tip Succès
✅ Succès : Opération réussie
:::
::: danger Erreur
❌ Erreur : Échec de l'opération
:::
### Texte alternatif
Fournissez un texte alternatif pertinent pour toutes les images :

### Navigation clavier
Assurez-vous que la structure du document permet la navigation au clavier :
- Hiérarchie logique des titres
- Liens de table des matières
- Liens importants faciles à trouver
### Internationalisation
projet/ ├── docs/ │ ├── en/ # Docs anglais │ │ ├── README.md │ │ └── api/ │ ├── zh/ # Docs chinois │ │ ├── README.md │ │ └── api/ │ └── ja/ # Docs japonais │ ├── README.md │ └── api/
Versions linguistiques
Dernière mise à jour : 15 janvier 2024 (fr-FR) 最后更新时间:2024年1月15日 (zh-CN) 最終更新日:2024年1月15日 (ja-JP)
## Optimisation des performances
### Optimisation du chargement des documents
<!-- ✅ Pagination -->
### Découpage des longs documents
Divisez les docs longues en plusieurs parties :
1. [Aperçu](./overview.md) - Concepts de base et introduction
2. [Démarrage rapide](./quickstart.md) - Prise en main en 5 minutes
3. [Tutoriel](./tutorial.md) - Parcours d'apprentissage complet
4. [Référence API](./api-reference.md) - Documentation API complète
5. [Exemples](./examples.md) - Cas d'utilisation réels
🔍 Voir les options de configuration avancées
Configuration avancée
# Exemple de configuration détaillée
server:
host: 0.0.0.0
port: 8080
ssl:
enabled: true
cert_file: /path/to/cert.pem
key_file: /path/to/key.pem
Ces options servent à affiner les environnements de production...
Optimisation SEO
<!-- ✅ Optimisation SEO des docs -->
---
title: "Guide d'authentification API - Solution complète d'identité"
description: "Apprenez à utiliser OAuth 2.0, JWT et les clés API pour une authentification sécurisée. Inclut des exemples de code et des bonnes pratiques."
keywords: ["authentification API", "OAuth", "JWT", "sécurité", "identité"]
---
# Guide d'authentification API
Apprenez à authentifier et autoriser les requêtes API en toute sécurité...
## Dans ce chapitre
Ce guide couvre les méthodes d'authentification suivantes :
1. [Authentification par clé API](#authentification-par-clé-api) - Simple et rapide
2. [OAuth 2.0](#oauth-20) - Standard du secteur
3. [Jetons JWT](#jetons-jwt) - Authentification sans état
Assurance qualité
Checklist de relecture
<!-- 📋 Checklist qualité doc -->
## Checklist avant publication
### Qualité du contenu
- [ ] Informations exactes et complètes
- [ ] Langage clair
- [ ] Structure logique
- [ ] Exemples de code fonctionnels
- [ ] Captures d'écran à jour
### Vérifications techniques
- [ ] Validité des liens
- [ ] Mise en évidence du code
- [ ] Images affichées correctement
- [ ] Formatage des tableaux
- [ ] Rendu des formules mathématiques
### Expérience utilisateur
- [ ] Navigation claire
- [ ] Recherche fonctionnelle
- [ ] Affichage mobile adapté
- [ ] Vitesse de chargement testée
- [ ] Accessibilité vérifiée
### Maintenabilité
- [ ] Infos de version à jour
- [ ] Journal des modifications tenu
- [ ] Docs liées synchronisées
- [ ] Fonctionnalités obsolètes signalées
- [ ] Guides de migration fournis
Collecte des retours utilisateurs
<!-- ✅ Mécanisme de collecte de feedback -->
## Aidez-nous à améliorer
### Feedback sur la documentation
Si vous trouvez des erreurs ou avez des suggestions :
1. **Retour rapide** : [Soumettre un ticket](https://github.com/example/docs/issues/new?template=doc-feedback.md)
2. **Discussion détaillée** : [Rejoindre la discussion](https://github.com/example/docs/discussions)
3. **Éditez directement** : [Modifier cette page](https://github.com/example/docs/edit/main/docs/api/authentication.md)
### Évaluez cette page
Cette page vous a-t-elle été utile ?
👍 Oui | 👎 À améliorer | 💡 Suggestion
### Contact
- 📧 Équipe docs : docs@example.com
- 💬 Support technique : support@example.com
- 🐦 Réseaux sociaux : [@ExampleDocs](https://twitter.com/ExampleDocs)
Syntaxes associées
- Intégrer du HTML - Améliorations HTML
- Formules mathématiques - Expressions LaTeX
- Diagrammes - Création de schémas
- Outils et plugins - Outils recommandés
Outils et ressources
Outils qualité doc
- textlint : Relecture et vérification du style
- markdownlint : Vérification de la syntaxe Markdown
- alex : Vérification du langage inclusif
- Hemingway Editor : Analyse de la lisibilité
Plateformes de collaboration
- GitBook : Collaboration documentaire en équipe
- Notion : Docs multi-usages et gestion des connaissances
- Confluence : Collaboration documentaire d'entreprise
- Slab : Docs d'équipe modernes
Outils d'analyse
- Google Analytics : Analyse du trafic doc
- Hotjar : Analyse du comportement utilisateur
- Mixpanel : Suivi des interactions utilisateur
- FullStory : Enregistrement complet des sessions utilisateur
Outils d'automatisation
- GitHub Actions : Build et déploiement doc
- Zapier : Automatisation des workflows
- IFTTT : Règles d'automatisation simples
- n8n : Automatisation open source
En suivant ces bonnes pratiques, vous pouvez créer une documentation technique de haute qualité, conviviale et poser des bases solides pour le succès de votre projet.