Ce que vous allez apprendre dans ce TP
- Sécuriser faro.receiver (clé, CORS)
- Lire les données Faro dans Loki
- Recevoir les métriques k6 en OTLP
Introduction #
Ce que vous allez apprendre dans cette section
- Sécuriser faro.receiver (clé, CORS)
- Lire les données Faro dans Loki
- Recevoir les métriques k6 en OTLP
Contexte. L'équipe front-end veut voir ses erreurs JavaScript et ses Web Vitals dans Grafana, et l'équipe performance veut suivre ses tests k6 au même endroit. Vous branchez les deux sur Alloy.
Prérequis : Docker, k6 installé · Durée estimée : 40 min
Mise en place #
Stack, récepteurs, puis vérifications.
1. Démarrer la stack
Pourquoi ? Alloy reçoit, Loki stocke les logs Faro, Grafana les affiche.
Créezdocker-compose.ymlavec Alloy, Loki et Grafana.2. Écrire config.alloy
Pourquoi ? Un récepteur Faro protégé par une clé et une origine autorisée, et un récepteur OTLP pour k6.
Écrivez la configuration, puisdocker compose up -d.3. Tester la sécurité du récepteur
Envoyez le payload Faro fourni sans clé, puis avec la clé.
4. Retrouver les données dans Loki
Dans Grafana, ajoutez la source Loki (http://loki:3100), puis cherchez l'exception et le LCP dans Explore.5. Envoyer un test k6
Écrivez un petit script k6 et lancez-le avec la sortie OpenTelemetry vers Alloy.
Niveau de difficulté : ●●○○○ (2/5)
Mon suivi
Connectez-vous pour suivre votre progression et prendre des notes. Se connecter
💬 Discussions récentes de la formation
- Alloy : recevoir de l'OTLP et l'envoyer vers Tempo et Mimir✓ résolu · 1 réponse(s)
Poser une question sur cette leçon →Voir toutes les discussions de la formation
Glossaire de la formation
Observabilité
La capacité à connaître l'état interne d'un système à partir des données qu'il émet.Ces données sont classées en 3 piliers : logsmétriquestracesprofil...
Traces distribuées
Technique (issue du pilier des Traces) permettant de suivre le cheminement complet d'une requête à travers de multiples micro-services pour identifier...
Métriques
Mesures numériques collectées à intervalles réguliers (ex: CPU, RAM, temps de réponse) utilisées pour évaluer l'état de santé global d'un système au f...
Profilage en continu (Continuous Profiling)
Analyse constante de l'exécution du code en production pour identifier avec précision quelles lignes de code ou fonctions consomment le plus de ressou...
Access Log
Fichier de journalisation enregistrant les requêtes traitées par un serveur web (Apache, Nginx, Lighttpd, etc.). Il permet de tracer l'activité du ser...
Client IP
L'adresse IP de l'utilisateur effectuant la requête vers le serveur web. Lorsqu'un utilisateur passe par un Load Balancer ou un proxy (ex: Cloudflare)...
Timestamp
La date et l'heure exactes auxquelles la requête a été reçue par le serveur.Configuration : %t dans Apache, $time_local ou $time_iso8601 dans Nginx.
Request
La ligne de requête initiale du client. Elle comprend généralement la méthode HTTP (ex: GET), l'URL demandée et la version du protocole HTTP.Configura...
Status Code
Le code de statut HTTP final renvoyé par le serveur au client (ex : 200 pour un succès, 404 pour ressource non trouvée).Configuration : %>s dans Apach...
Size
Le volume des données renvoyées au client, mesuré en octets (généralement sans les en-têtes HTTP).Configuration : %b ou %O dans Apache, $body_bytes_se...
Referrer
L'URL de la page web depuis laquelle le client a cliqué ou suivi un lien pour accéder à la ressource actuelle.Configuration : %{Referer}i dans Apache,...
User-Agent
Les informations d'identification fournies par le client concernant son navigateur, son système d'exploitation et son appareil. Sa structure standard ...
Response Time
La durée totale prise par le serveur pour traiter la requête et renvoyer la réponse au client.Configuration : %D (microsecondes) ou %T (secondes) dans...
Grafana Alloy
Collecteur de télémétrie open source et flexible, successeur de Grafana Agent. Il est conçu pour collecter, transformer et exporter des logs, métrique...
River
Langage de configuration déclaratif utilisé par Grafana Alloy, inspiré de HCL (Terraform). Il permet de définir des pipelines de télémétrie complexes ...
Grafana Loki
Système de journalisation (logs) multi-tenant, hautement disponible et inspiré de Prometheus. Il est conçu pour être très économe en ressources en n'i...
Articles recommandés
Faro et Alloy : recevoir le RUM front-end avec faro.receiver
Configurer faro.receiver : CORS, clé d'API, limite de débit, source maps, puis envoyer erreurs, W...
k6 et Alloy : envoyer les résultats de tests de charge en OpenTelemetry
Envoyer les métriques de k6 à Alloy avec la sortie OpenTelemetry, les convertir pour Mimir et les...
Alloy et l'écosystème Grafana Labs : quel composant pour quel outil ?
La carte des intégrations d'Alloy avec Faro, Beyla, k6, Loki, Mimir, Tempo, Pyroscope, Database O...
Grafana Faro : architecture et installation
Installer Grafana Faro : le SDK web (npm ou CDN), le récepteur faro.receiver d'Alloy, l'envoi ver...
La stack LGTM (Loki, Grafana, Tempo, Mimir) : architecture et mise en place
Comprendre la stack LGTM de Grafana Labs : Loki pour les logs, Grafana pour la visualisation, Tem...
Grafana Alloy et Prometheus : collecter et envoyer des métriques
Apprenez à configurer Grafana Alloy pour collecter, transformer et envoyer des métriques en utili...
Référence des Composants Grafana Alloy
Un guide de référence complet sur tous les composants disponibles dans Grafana Alloy, organisé pa...
Grafana Alloy et les logs : collecter et envoyer vers Loki
Découvrez comment configurer Grafana Alloy pour lire des fichiers de logs, journald ou des flux r...
Bonnes pratiques de l'observabilité front-end avec Faro
Check-list pour un RUM utile et respectueux : configuration du SDK, versions, source maps, corrél...