Überwache die Leistung deiner React-Website mit Headless Browser & Telegram

Einführung

Entdecke, wie du mit einem Headless-Browser und Telegram einen Überwachungsdienst für deine React-basierte Website einrichtest. In dieser Anleitung erfährst du, wie du einen Telegram-Bot einrichtest und ihn in einen Headless-Browser integrierst, um die Leistung deiner Website zu überwachen.

Telegram Bot einrichten

Beginne damit, einen Telegram-Bot zu erstellen, um die Leistungsberichte zu automatisieren.

1. Suche bei Google nach BFA und beginne ein Gespräch mit dem Bot.
2. Wähle Neuer Bot, gib ihm einen Namen wie Light Not WebBot und lege einen Benutzernamen fest.
3. Notiere dir das vom Bot bereitgestellte Zugriffstoken; du wirst es später brauchen.
4. Aktiviere den Bot, um Gruppen beizutreten, indem du auf Hilfe klickst, Gruppen beitreten wählst und deinen Bot auswählst.
5. Erstelle eine Gruppe, an die der Bot Leistungsberichte senden soll. Lade deinen Bot zu dieser Gruppe ein und notiere die Chat-ID der Gruppe.

Erstellen des Überwachungsszenarios in Late Night

Wechsle zur Light N-Plattform, um das Überwachungsszenario einzurichten:

1. Erstelle ein neues Szenario und füge die folgenden Auslöser hinzu:
• Zeitplan-Auslöser: Aktiviert das Szenario in festgelegten Abständen.
• Webhook-Auslöser: Ermöglicht die manuelle Aktivierung über einen Webhook-Link.
2. Füge einen Headless Browser Node hinzu, um Website-Prüfungen durchzuführen. Füge den Code ein, um zur Autorisierungsseite zu navigieren und das Vorhandensein des Textes "Erstellen Sie Ihr Konto" zu überprüfen.
3. Füge zwei Telegram-Knoten hinzu, um Nachrichten basierend auf den Ergebnissen des Headless-Browsers zu senden:
• Textnachricht senden: Positive Meldung, wenn die Überprüfung erfolgreich war.
• Textnachricht senden: Negativmeldung, wenn die Überprüfung fehlschlägt.
4. Autorisiere die Telegram-Knoten, indem du das Zugriffstoken und die Gruppenchat-ID eingibst.
5. Setze Filter für Erfolgs- und Fehlerbedingungen:
• Erfolgsfilter: Aktiviert, wenn das Ergebnis des Headless-Browsers wahr ist.
• Fehlerfilter: Aktiviert, wenn das Ergebnis falsch ist.
6. Setze das Szenario ein und überprüfe seinen Betrieb, indem du den Webhook auslöst.
7. Überprüfe auf der Registerkarte Verlauf die Ausführungsprotokolle und bestätige die Telegrammnachrichten.

Fazit

Du hast erfolgreich einen Website-Überwachungsdienst mit einem Headless-Browser und Telegram erstellt. Fertige Vorlagen und weitere Hilfe findest du unter den Links in der Beschreibung. Like, abonniere und drücke die Glocke für weitere Tutorials. Viel Spaß beim Automatisieren!