Beherrschung der Headless Browser Automation mit Latenode

Beherrschung der Headless Browser Automation mit Latenode

Hallo, ich bin's, L! Headless-Browser haben ein riesiges Potenzial, wenn es darum geht, deine Arbeitsabläufe zu automatisieren. Wenn du jedoch noch nie mit einem solchen Browser gearbeitet hast, kann es schwierig sein, herauszufinden, wie du ihn effektiv nutzen kannst. Das ist der Zweck dieses Leitfadens. In den nächsten Minuten zeige ich dir, wie du Headless-Browser mit Latenode nutzen kannst. Wir werden grundlegende Funktionen wie die Aufnahme von Screenshots und die Übergabe von Daten von einer Webseite an die Automatisierungsplattform Latenode behandeln. Außerdem werden wir uns einige praktische Anwendungsfälle für Anfänger ansehen und einen, den wir bei Latenode verwenden.

Daten von Webseiten abrufen

Lass uns mit einem einfachen Anwendungsfall beginnen. Der Headless-Browser kann Daten aus Webseiten extrahieren, und genau das wird in diesem Szenario demonstriert. Die ganze Aktion findet genau hier statt. Lass uns eintauchen.

In diesem Code navigiert der Headless-Browser zur Webseite der Bank of England, um den Wechselkurs einer Währung abzufragen. Ich sende die Währung über einen Webhook. Wenn du dir das in Aktion ansiehst, verstehst du es besser, also fangen wir an. Zuerst kopieren wir unseren Webhook-Link und wechseln zu Postman. Hier fügen wir unseren Link ein, wählen POST, gehen dann zu Body, wählen raw und JSON und schreiben etwas wie das hier:

(JSON-Beispiel)

Als Nächstes klicken wir auf "Senden". Jetzt heißt es warten. Hier ist es. Die Überprüfung unseres Skripts zeigt einen Erfolg. Hier passiert die Magie. Nachdem der Headless Browser seine Aufgabe erledigt hat, gibt die Webhook-Antwort ein JSON-Objekt zurück. Ich verwende diese Antwort nur, um das Ergebnis zu demonstrieren. Du kannst dieses JSON-Objekt in eine Tabelle, Google Sheets oder ein anderes Tool deiner Wahl eingeben.

Automatisierte Suchvorgänge durchführen

Hier ist ein weiterer schneller Anwendungsfall. Diesmal führt der Headless Browser eine Suchanfrage bei Google aus und ruft die Ergebnisse ab. Schauen wir uns das in Aktion an. Zuerst aktivierst du den Webhook-Link, indem du auf "Aktivieren" klickst, dann verwenden wir unseren Link. Da ich die Webhook-Antwort verwende, erscheinen die Suchergebnisse jetzt hier. Sie sind dank der Webhook-Antwort hier. Hier siehst du, wie es funktioniert.

Planen und Filtern von Daten

Du kannst auch Aufgaben nach einem Zeitplan automatisieren. In diesem Beispiel habe ich zwei Auslöseknoten. Einer aktiviert das Skript nach einem bestimmten Zeitplan - jeden Montag um 9:00 Uhr. So sieht es in einem crontab-Ausdruck aus. Der andere Webhook aktiviert das Szenario, sobald ich ein Signal an den Link sende. Als Nächstes kommt der Airtable-Knoten, wo du deinen API-Schlüssel in die Verbindungen einträgst und die Datenbank auswählst, mit der du interagieren willst. In diesem Fall habe ich einen Filter hinzugefügt, um nur Daten aus den letzten sieben Tagen auszuwählen. Denke daran, jedes Mal auf "Speichern" zu klicken, wenn du Änderungen an deiner Automatisierung vornimmst. So kannst du bei Bedarf zu einer früheren Version zurückkehren.

Danach wechseln wir zum JavaScript-Knoten. Der Code hier erstellt JSON-Objekte für jeden Wochentag. Es gibt einen KI-Kopiloten, der dir helfen kann. Sag ihm einfach, was du brauchst, und er hilft dir, den Code zu erstellen. Sobald dein Code fertig ist, erstellst du mit diesem Knotenpunkt globale Variablen. Speichere alle Änderungen und aktiviere das Szenario.

Diagramme aus Daten erstellen

Das nächste Skript erstellt ein HTML-Formular und verwendet globale Variablen, um ein Diagramm innerhalb des JavaScript-Knotens zu erstellen. Du kannst die KI auffordern, freie NPM-Pakete in deine Eingabeaufforderung einzubinden. So sieht das Diagramm aus. Klicke auf den Webhook-Link und du siehst die Ausgabe.

Screenshots erfassen und teilen

Jetzt stellen wir dir wieder den Headless Browser vor. Diesmal macht der Headless Browser einen Screenshot von der Grafik, die wir erstellt haben. Das Skript sendet diesen Screenshot dann mit einem Token und einer Chat-ID an unseren Telegram-Gruppenchat.

So funktioniert es in Aktion. Speichere das Szenario, aktiviere es und löse dann den Webhook-Link aus. Das Ergebnis erscheint in unserem Chat.

Wenn du bei der Nutzung von Latenode auf Probleme stößt oder Fragen hast, zögere nicht, in den Kommentaren oder in unserem Discord-Kanal um Hilfe zu bitten.