Formation aux applications web en temps réel

Leçon 1 • La Limitation Requête-Réponse

Examine pourquoi le polling HTTP traditionnel échoue pour les données en direct. Relie la latence et le gaspillage de bande passante à la nécessité de connexions persistantes.

Leçon 2 • Taxonomie des Cas d'Utilisation Temps Réel

Catégorise le chat en direct, les tableaux de bord, les jeux et les outils collaboratifs selon leurs exigences de communication. Ancre les concepts abstraits dans des scénarios industriels.

Leçon 3 • Modèles de Communication Temps Réel

Contraste les modèles push, pull et bidirectionnel. Fournit un cadre de décision que les étudiants appliquent tout au long du cours.

Leçon 1 • La Négociation WebSocket

Détaille la négociation de mise à niveau HTTP qui établit une connexion WebSocket. Les étudiants tracent les en-têtes et les codes d'état dans les outils de développement du navigateur.

Leçon 2 • Structure des Trames et Types de Données

Explique les opcodes, le masquage et le codage de la longueur de la charge utile dans les trames WebSocket. Les étudiants analysent manuellement les trames binaires et textuelles.

Leçon 3 • Considérations de Sécurité pour WebSocket

Aborde la validation d'origine, le chiffrement WSS et le détournement de WebSocket intersites. Les étudiants appliquent des en-têtes défensifs et une authentification basée sur les jetons.

Leçon 4 • Ping, Pong et Maintien de Connexion

Explique les trames de pulsation pour détecter les connexions obsolètes. Les étudiants configurent les intervalles de ping côté serveur et gèrent les délais d'attente des pong.

Leçon 1 • Streaming par Transfert Segmenté HTTP

Explique le codage segmenté comme une primitive de streaming de plus bas niveau. Les étudiants le comparent aux SSE et implémentent un endpoint JSON en streaming.

Leçon 2 • Implémentation Serveur des SSE

Montre comment maintenir les réponses __TS_PROTECTED_ID_0__ ouvertes et vider les événements. Les étudiants implémentent des endpoints SSE dans un serveur Node.js.

Leçon 3 • Limitations des SSE et Solutions de Contournement

Identifie les limites de connexion du navigateur, la mise en tampon par les proxies et le manque de support binaire. Les étudiants appliquent des solutions de contournement incluant le multiplexage et le codage base64.

Leçon 4 • Mécaniques du Protocole SSE

Explique le type de contenu text/event-stream, les champs d'événement et l'API EventSource du navigateur API. Relie la simplicité SSE à la compatibilité avec l'infrastructure HTTP.

Leçon 1 • Arrêt Gracieux et Vidange

Implémente la gestion des signaux pour fermer proprement les connexions avant la sortie du processus. Les étudiants empêchent la perte de messages lors des déploiements progressifs.

Leçon 2 • Sérialisation et Tramage des Messages

Compare JSON, MessagePack et Protocol Buffers pour les charges utiles temps réel. Les étudiants évaluent la surcharge de sérialisation et choisissent les formats en fonction du cas d'utilisation.

Leçon 3 • Architecture de la Boucle d'Événements

Explique les E/S non bloquantes et la boucle d'événements comme fondement de la concurrence. Les étudiants profilent le retard de la boucle d'événements sous charge simulée.

Leçon 4 • Registre des Connexions et Routage

Conçoit un registre en mémoire mappant les identifiants de connexion aux sockets. Les étudiants implémentent des motifs de distribution ciblée et de diffusion de messages.

Leçon 1 • Synchronisation Delta

Envoie uniquement les champs modifiés au lieu d'instantanés d'état complets pour réduire la bande passante. Les étudiants implémentent un cycle diff-patch pour la synchronisation de documents en direct.

Leçon 2 • Données de Présence et de Sensibilisation

Suit les utilisateurs en ligne, en train de taper ou consultant une ressource. Les étudiants construisent un système de présence avec expiration basée sur les pulsations.

Leçon 3 • Mises à Jour Optimistes et Annulation

Applique des mises à jour optimistes de l'interface utilisateur avant la confirmation du serveur pour réduire la latence perçue. Les étudiants implémentent l'annulation en cas de rejet du serveur.

Leçon 4 • Modèles d'État Client-Serveur

Contraste les modèles d'état serveur faisant autorité, client faisant autorité et hybride. Les étudiants associent chaque modèle aux cas d'utilisation temps réel appropriés.

Leçon 1 • Validation et Assainissement des Entrées

Valide et assainit tous les messages temps réel entrants pour prévenir les attaques par injection. Les étudiants appliquent la validation de schéma aux charges utiles des messages WebSocket.

Leçon 2 • Authentification au Moment de la Connexion

Valide l'identité pendant la négociation WebSocket ou la requête SSE. Les étudiants implémentent les flux d'authentification par jeton dans la chaîne de requête et par cookie.

Leçon 3 • Autorisation pour les Canaux et les Salles

Applique un contrôle d'accès par salle et par canal après l'authentification. Les étudiants construisent un intergiciel d'autorisation pour les opérations rejoindre et s'abonner.

Leçon 4 • Limitation de Débit et Prévention des Abus

Applique des limites de débit de messages par connexion et par utilisateur pour empêcher l'inondation. Les étudiants implémentent la limitation de débit par seau à jetons sur le serveur.

Leçon 1 • Intégration du Courtier Pub/Sous

Intègre un courtier pub/sous pour relayer les messages entre les instances de serveur. Les étudiants connectent un cluster de serveurs via un bus de messages partagé.

Leçon 2 • Le Problème du Passage à l'Échelle Multi-Processus

Explique pourquoi l'état en mémoire est rompu lorsque les connexions s'étendent sur plusieurs instances de serveur. Les étudiants reproduisent le bug de perte de messages inter-processus.

Leçon 3 • Contre-Pression et Contrôle de Flux

Empêche les producteurs rapides de submerger les consommateurs lents à l'aide de signaux de contre-pression. Les étudiants implémentent des limites de file d'attente d'envoi et un contrôle de flux côté client.

Leçon 4 • Motifs de Passage à l'Échelle Horizontale

Applique le partitionnement, le hachage cohérent et la migration de connexions pour les déploiements à grande échelle. Les étudiants conçoivent une couche de routage sensible au partitionnement.

Leçon 1 • Tests d'Intégration et de Bout en Bout

Lance des instances de serveur réelles et les pilote avec des clients WebSocket dans les tests. Les étudiants vérifient le comportement de rejoindre une salle, de livraison de message et de déconnexion.

Leçon 2 • Tests Unitaires de la Logique Temps Réel

Isole et teste les gestionnaires de messages, les réducteurs d'état et la logique de routage sans connexions en direct. Les étudiants simulent les objets WebSocket dans les suites de tests.

Leçon 3 • Traçage Distribué pour les Flux de Messages

Propage le contexte de trace à travers les messages WebSocket pour corréler les événements client avec le traitement serveur. Les étudiants visualisent la latence de bout en bout des messages.

Leçon 4 • Test de Charge des Serveurs Temps Réel

Simule des milliers de connexions WebSocket simultanées pour trouver les limites de débit. Les étudiants interprètent les percentiles de latence et identifient les goulots d'étranglement.