Surveille les performances de ton site web React avec Headless Browser et Telegram

Introduction

Découvre comment créer un service de surveillance pour ton site web basé sur React à l'aide d'un navigateur headless et de Telegram. Ce guide te guidera dans la mise en place d'un bot Telegram et son intégration à un navigateur headless pour surveiller les performances de ton site web.

Configuration de Telegram Bot

Commence par créer un bot Telegram pour automatiser les rapports de performance.

  1. Cherche BFA sur Google et entame une conversation avec le robot.
  2. Sélectionne Nouveau Bot, donne-lui un nom comme Light Not WebBot, et définis un nom d'utilisateur.
  3. Note le jeton d'accès fourni par le bot ; tu en auras besoin plus tard.
  4. Active le bot pour qu'il puisse rejoindre des groupes en cliquant sur Aide, en sélectionnant Rejoindre des groupes et en choisissant ton bot.
  5. Crée un groupe dans lequel le bot enverra des rapports de performance. Invite ton bot dans ce groupe et note l'identifiant du chat du groupe.

Créer le scénario de surveillance dans Late Night

Passe à la plateforme Light N pour mettre en place le scénario de surveillance :

  1. Crée un nouveau scénario et ajoute les déclencheurs suivants :
    • Déclencheur de calendrier : Active le scénario à des intervalles définis.
    • Déclencheur Webhook : Permet une activation manuelle via un lien webhook.
  2. Ajoute un nœud de navigateur sans tête pour effectuer des vérifications sur le site Web. Inclus le code pour naviguer jusqu'à la page d'autorisation et vérifier la présence du texte "Créer ton compte".
  3. Ajoute deux nœuds Telegram pour envoyer des messages basés sur les résultats du navigateur sans tête :
    • Envoyer un message texte : Rapport positif si la vérification est réussie.
    • Envoyer un message texte : Rapport négatif si la vérification échoue.
  4. Autorise les nœuds Telegram en saisissant le jeton d'accès et l'identifiant du chat de groupe.
  5. Définis des filtres pour les conditions de réussite et d'erreur :
    • Filtre de réussite : Activé si le résultat du navigateur sans tête est vrai.
    • Filtre d'erreur : Activé si le résultat est faux.
  6. Déploie le scénario et vérifie son fonctionnement en déclenchant le webhook.
  7. Vérifie l'onglet historique pour les journaux d'exécution et confirme les messages de Telegram.

Conclusion

Tu as réussi à créer un service de surveillance de site Web à l'aide d'un navigateur headless et de Telegram. Pour obtenir des modèles prêts à l'emploi et une aide supplémentaire, reporte-toi aux liens de la description. Like, abonne-toi et frappe la cloche pour plus de tutoriels. Bonne automatisation !

Autres vidéos