Entwicklungswerkzeuge
Oleg Zankov
CEO Latenode, No-code Experte
26. September 2023
Eine Low-Code-Plattform, die die Einfachheit von No-Code mit der Leistungsfähigkeit von Full-Code verbindet 🚀.
Jetzt kostenlos loslegen
26. September 2023
-
6
min lesen

JavaScript + KI: ein perfektes Duo für Low-Code-Automatisierungen

Oleg Zankov
CEO Latenode, No-code Experte
Inhaltsübersicht

Hallo! Ich bin Oleg Zankov, CTO und Gründer von Latenode - einer cloudbasierten Low-Code-Plattform, auf der du ganz einfach anpassungsfähige Geschäftsprozessautomatisierungen und Webservices erstellen kannst, ohne dich um die Verwaltung einer Infrastruktur kümmern zu müssen. Egal, ob du ein erfahrener Automatisierungsexperte bist oder ein nicht-technischer Unternehmer, der herausfinden will, wie er sein Geschäft automatisieren kann: In diesem Artikel stelle ich dir ein kostenloses KI-Tool vor, mit dem du auf deiner Low-Code-Reise viel Zeit und Mühe sparen kannst.

In diesem Artikel werden wir die schier unbegrenzten Möglichkeiten des JavaScript-Knotens mit einem KI-Assistenten aufdecken, der auf deine Anfrage hin in wenigen Minuten neue Integrationen mit beliebigen Webdiensten erstellen oder Daten so flexibel umwandeln kann, wie es deine Fantasie zulässt.

Wenn du eher visuell und auditiv lernst, schau dir unser neuestes Video über unseren JavaScript-KI-Assistenten an, der deine Automatisierungen auf allen Ebenen verbessern kann:

Wir bieten ein nahtloses Erlebnis für JavaScript. Mit Latenode kannst du KI mit JavaScript erforschen und sogar mit JavaScript + KI experimentieren. Unser Ziel ist es, diese bahnbrechenden Technologien allen Entwicklern zugänglich zu machen, unabhängig von ihren Kenntnissen in JavaScript oder KI.

Latenode Plattform Schnittstelle

Es gibt eine neue Ergänzung im JavaScript-Modul, die für die Entwicklung sehr nützlich ist. Es handelt sich um einen KI-Assistenten, der bei einer Vielzahl von Programmieraufgaben hilft, wie z. B.:

  • Code schreiben
  • Fehlersuche 
  • Code-Erklärung
  • Modifikationen auf Anfrage

Und das Beste daran? Alle Funktionen von Latenode sind bis zum Beginn des neuen Jahres völlig kostenlos (denn wir sind jetzt in der Beta-Phase). Und bevor wir weitermachen, sieh dir die ersten Rückmeldungen unserer Nutzer zu unserem KI-Assistenten an:

Wie benutzt man Latenode AI Assistant?

Schreibe den Code, auch wenn du Anfänger bist, mit Latenode's AI Assistent

Der Assistent befindet sich innerhalb des JavaScript-Knotens. Du interagierst über das Fenster "KI-Chat". Seine Fähigkeiten umfassen:

  • Ansicht deines Workflows und deiner Knotenstruktur.
  • Analyse des vorhandenen Codes innerhalb des JavaScript-Knotens, von dem aus der Assistent gerufen wurde.
  • Zugriff auf die Datenstruktur auf der linken Seite des JS-Knotens.

Anwendungsfälle

Das Schöne am KI-Assistenten auf Latenode ist, dass er einen großen Schritt in Richtung Verwirklichung unserer Mission darstellt: Jetzt können auch diejenigen, die mit Programmierung nicht vertraut sind, ihre eigenen Microservices erstellen oder komplizierte Automatisierungen aufbauen. Wir wollen das anhand von drei Szenarien demonstrieren.

Szenario 1: HTML-Aufgaben

Stell dir ein Szenario vor, in dem du ein Datenerfassungsformular brauchst, das über eine Webhook-URL zugänglich ist. Das kann in vielen Situationen praktisch sein. Zunächst füllst du das Formular aus. Dann können die Daten an eine beliebige Stelle weitergeleitet werden: entweder an einen anderen Automatisierungszweig auf Latenode zur weiteren Umwandlung oder an ein anderes System. Wie wäre es, dieses Szenario zu realisieren, ohne eine einzige Zeile Code zu tippen?

Formular für die E-Mail-Zusammenstellung für die Benutzerdatenbank

Schritt 1. Sende eine Anfrage an den KI-Assistenten: 

Hallo! Füge meinem Code ein Skript hinzu, um HTML für ein Formular mit dem Titel "E-Mail erstellen" zu generieren. Es sollte folgende Eingabefelder haben: "E-Mail-Betreff", "Übersicht", "Kopfzeile", "Plattform-Updates", "Nützliche Ressourcen", "Andere Neuigkeiten". Füge unten eine Schaltfläche "Absenden" ein. Verschönere das HTML mit einem ansprechenden Design und der richtigen Formatierung. Gib das Ergebnis als JSON-Objekt mit der Bezeichnung "html" zurück.

Schritt 2. Ersetze deinen aktuellen Code durch das erhaltene Ergebnis.

Schritt 3: Leite dein neues Szenario einmal ein.

Das JavaScript-Modul gibt das JSON-Objekt "html" zurück, das für Webhook-Antworten geeignet ist. Außerdem musst du den Parameter für den Inhaltstyp auf text/html umstellen, damit das Formular über unseren Eingabe-Webhook korrekt angezeigt wird.

Wenn du deine Webhook-URL wie oben gezeigt aufrufst, wirst du von einem Datenerfassungsformular begrüßt.

Schritt 4. Datenübermittlung.

Jetzt müssen wir nur noch dafür sorgen, dass die über das Formular gesammelten Daten zur weiteren Verarbeitung an den Webhook eines anderen Szenarios weitergeleitet werden. Natürlich werden wir das nicht manuell kodieren.

Jetzt ist unser Formular voll funktionsfähig und bereit, Eingaben zu empfangen. Du kannst diese erfassten Werte an einen anderen Workflow weiterleiten, der die gesammelten Daten z. B. in einem Google Sheet protokolliert.

Methode #2 JavaScript AI Integration

Schreibe den Code, auch wenn du Anfänger bist, mit Latenode's AI Assistent

Die Verwendung von JavaScript für die Integration mag komplexer erscheinen, aber der KI-Assistent vonLatenode innerhalb des JavaScript-Moduls macht ihn auch für Anfänger/innen zugänglich.

Um eine neue Trello-Karte mit KI zu erstellen, frage unseren Assistenten Folgendes:

- Füge ein Skript zu meinem Code hinzu, das eine API-Integration mit Trello erstellt - "Eine neue Karte erstellen"

Die restlichen Schritte sind ähnlich wie bei der HTTP-Methode:

  1. Gib deinen API-Schlüssel und dein API-Token ein.
  2. Füge die idList deines Trello-Boards hinzu.
  3. Gib den Namen und die Beschreibung der Trello-Karte an.

Du fügst sie direkt in deinen Code ein, aber die KI vereinfacht den Prozess und gibt dir dabei Hilfestellung.

🐞 Bist du auf einen JavaScript-Fehler gestoßen? Mach dir keine Sorgen! Die KI wird dir helfen, deinen Code zu korrigieren, sobald du den Fehler an den Chat zurückschickst.

Du musst nicht einmal erklären, was du brauchst; es reicht, einen einfachen Fehler zu senden, um neuen Code zu erhalten:

Mit dieser Methode wählst du einen Self-Service-Ansatz für jede Low-Code-Integration, die du dir vorstellen kannst.

Szenario #2: Zugang zu NPM-Paketen

Mittlerweile gibt es über 1,2 Millionen NPM-Pakete (vorgefertigte Apps, die Entwickler in ihren Code integrieren können). Latenode Der KI-Assistent von NPM bietet dir Zugriff auf diese. Angenommen, du brauchst den aktuellen USD/EUR-Wechselkurs für den Handel mit mehreren Währungen, um deine Website-Besucher mit aktuellen Informationen zu versorgen. Anstatt dich mit der Suche nach der richtigen API abzumühen und die Dokumentation zu durchforsten, formuliere deine Anfrage wie folgt:

Um dieses Problem zu lösen, nutzt der Assistent die NPM-Bibliothek "axios", um eine GET-HTTP-Anfrage an die ExchangeRate-API zu senden und die aktuellen Wechselkurse abzurufen. Er ruft dann den Wechselkurs von 1 USD zu 1 Euro ab und gibt ihn im JSON-Format zurück.

Um das richtige Ergebnis zu erzielen, brauchst du vielleicht ein paar Versuche: Es können gelegentlich Fehler oder leere Rückgabewerte auftreten. Das Wichtigste ist, daran zu denken, dass die Fehlersuche nicht deine Aufgabe ist. Bitte die KI, console.log zu integrieren, um eine detaillierte Serverantwort zu erhalten. Melde dann jedes Problem im KI-Chat zurück und du hast den überarbeiteten Code im Handumdrehen.

Szenario #3: Datenumwandlung

Hast du Probleme mit der Datenumwandlung? Verabschiede dich von diesen Problemen, vor allem von solchen wie der Datumsformatierung. Wir alle wissen, dass ein System ein Datum im Format "JJJJ-MM-TT" ausspuckt, während ein anderes es im Format "TT MMMM JJJJ" benötigt.

Mit der Transformation würde ein Webhook-Datum "2023-07-11" wie folgt aussehen:

Ebenso kann die KI dabei helfen, Zeichenketten zu manipulieren, Daten zu aggregieren, zu filtern, zu sortieren, zu transformieren, zusammenzuführen, aufzuteilen, zu entdoppeln, statistische Analysen durchzuführen und sogar Textanalysen durchzuführen.

Alternative Nutzungsart

In unserer bisherigen Diskussion haben wir den Assistenten über ein Dialogfeld angesprochen. Es gibt aber noch einen anderen Ansatz, der besonders nützlich ist, wenn du gezielt Codesegmente debuggen willst oder wenn du eine Erklärung zu einer Codefunktion brauchst:

Schreibe den Code, auch wenn du Anfänger bist, mit Latenode's AI Assistent

Die Gemeinschaft der Low-Code-Enthusiasten

In unserer Community herrscht reger Betrieb. Während die Welle der Low-Code-Lösungen an Fahrt gewinnt, schließen sich Profis unserem Chat an. Wir schätzen Feedback sehr und unser Team ist immer bereit, deine Fragen zu beantworten!

Besuchen Sie uns unter Latenode.com und werde ein Teil unseres Discord Community!

Nur zur Erinnerung: Du hast die einmalige Chance, die Leistung unseres KI-Assistenten und die volle Funktionalität unserer Plattform bis zum Ende des Jahres absolut kostenlos zu erleben

Verwandte Blogs

Anwendungsfall

Unterstützt von