Observabilité & télémétrie front-end — OpenTelemetry

Sogeti by Capgemini × CESI · 2025 – 2026

Étude et implémentation d'une télémétrie front-end OpenTelemetry sur une application d'assurance (React + microservices .NET Aspire) : corrélation de bout en bout entre les actions utilisateur et les traitements back-end distribués, sans ralentissement perceptible lors des tests réalisés.

Projet mené dans le cadre de mon alternance chez Sogeti (Capgemini) et de l'Application de la Démarche Scientifique (ADS) au CESI. L'application étudiée — une plateforme web du secteur de l'assurance — disposait déjà d'une observabilité back-end complète basée sur OpenTelemetry (traces distribuées, métriques), mais rien côté front-end : impossible de relier ce que fait l'utilisateur dans l'interface aux traitements déclenchés dans les microservices .NET.

Après une étude comparative de plusieurs approches d'observabilité front-end, j'ai conçu et implémenté une solution hybride OpenTelemetry : instrumentation automatique des appels réseau, complétée par une instrumentation manuelle des parcours utilisateurs clés. La mise en œuvre a demandé de résoudre plusieurs contraintes propres au navigateur : incompatibilité gRPC, configuration OTLP sur HTTP, proxy Vite pour la gestion CORS, propagation sélective du contexte de trace et corrélation front-end/back-end via l'en-tête traceparent.

Résultat : une traçabilité de bout en bout entre les interactions utilisateur et les traitements back-end, visible dans le dashboard .NET Aspire, sans ralentissement perceptible lors des tests fonctionnels réalisés. Aucune donnée sensible ne remonte : le contexte de trace n'est propagé que vers les domaines autorisés et les attributs collectés sont filtrés. Le travail a donné lieu à un mémoire technique et un poster scientifique.

• OpenTelemetry
• .NET Aspire
• React
• TypeScript
• OTLP
• Distributed Tracing