JavaScript + AI: een perfect duo voor low-code automatiseringen

Hallo! Ik ben Oleg Zankov, CTO & oprichter van Latenode - een cloud-gebaseerd low-code platform waar je eenvoudig aanpasbare bedrijfsproces automatiseringen kunt maken en webservices kunt bouwen zonder het gedoe van het beheren van een infrastructuur. Of je nu een ervaren automatiseringsexpert bent of een niet-tech bedrijfseigenaar die wil uitzoeken hoe je bedrijven kunt automatiseren, dit artikel introduceert een gratis AI-tool die is ontworpen om je veel tijd en moeite te besparen tijdens je low-code reis.

In dit artikel gaan we de puur onbeperkte mogelijkheden ontdekken van de JavaScript-node met een AI-assistent erin, die op jouw verzoek in enkele minuten nieuwe integraties met elke webservice vanaf nul kan bouwen of gegevens zo flexibel kan transformeren als je verbeelding toelaat.

Als je meer een visuele en auditieve leerling bent, bekijk dan onze nieuwste video over onze JavaScript AI Assistant die je automatiseringen op alle niveaus kan verbeteren:

We bieden een naadloze ervaring voor JavaScript. Met Latenode kun je AI verkennen met JavaScript en zelfs experimenteren met JavaScript + AI. Ons doel is om deze geavanceerde technologieën toegankelijk te maken voor alle ontwikkelaars, ongeacht hun niveau van expertise in JavaScript of AI.

Er is een nieuwe toevoeging binnen de JavaScript-module die erg handig is voor ontwikkeling. Het is een AI-assistent die is ontworpen om te helpen met een groot aantal coderingstaken, zoals:

• Code schrijven
• Debuggen 
• Code uitleg
• Aanpassingen op aanvraag

En het beste deel? Alle functionaliteit van Latenode is helemaal gratis tot het begin van het nieuwe jaar (omdat we nu in Beta zijn). En voordat we verder gaan, lees eerst wat eerste feedback van gebruikers over onze AI-assistent:

Hoe gebruik je Latenode AI-assistent?

De assistent bevindt zich in de JavaScript-node. Je hebt interactie via het venster 'AI Chat'. De mogelijkheden zijn onder andere:

• Je workflow en knooppuntenstructuurbekijken.
• Bestaande code analyseren binnen het JavaScript-knooppunt van waaruit de assistent werd opgeroepen.
• Toegang tot gegevensstructuur aan de linkerkant van het JS knooppunt.

Gebruikssituaties

Het mooie van de AI-assistent op Latenode is dat het een enorme stap is in de realisatie van onze missie: nu kunnen zelfs mensen die niet bekend zijn met codering hun eigen microservices maken of ingewikkelde automatiseringen bouwen. Laten we dit demonstreren met drie scenario's.

Scenario #1: HTML-taken

Denk aan een scenario waarin je een gegevensverzamelingsformulier nodig hebt dat toegankelijk is via een webhook URL. Dit kan in veel situaties handig zijn. In eerste instantie vul je het formulier in. Daarna kunnen de gegevens overal naartoe worden geleid: naar een andere automatiseringstak op Latenode voor verdere transformaties of naar een ander systeem. Hoe zou je dit scenario kunnen maken zonder ook maar één regel code te typen?

Stap 1. Stuur een verzoek naar de AI-assistent: 

Hoi! Voeg mijn code toe aan een script om HTML te genereren voor een formulier met de titel 'e-mail maken'. Het moet de volgende invoervelden hebben: 'e-mail onderwerp', 'overzicht', 'header', 'platform updates', 'nuttige bronnen', 'overig nieuws'. Plaats een knop 'verzenden' onderaan. Verfraai de HTML met een mooi ontwerp en de juiste opmaak. Stuur het resultaat terug als een JSON object met het label "html".

Stap 2. Vervang je huidige code door het ontvangen resultaat.

Stap 3: Start je nieuwe scenario één keer.

De JavaScript-module retourneert het "html" JSON-object dat geschikt is voor webhook-reacties Daarnaast schakel je de content type parameter naar text/html om het formulier correct weer te geven via onze input webhook.

Als je nu je webhook URL opent, zoals eerder getoond, wordt je begroet door een gegevensverzamelingsformulier.

Stap 4. Gegevens indienen.

We hoeven er alleen nog maar voor te zorgen dat de gegevens die via het formulier worden verzameld, worden doorgestuurd naar de webhook van een ander scenario voor verdere verwerking. Natuurlijk gaan we dit niet handmatig coderen.

Nu is ons formulier volledig functioneel, klaar om invoer te ontvangen. Je kunt deze vastgelegde waarden naar een andere workflow leiden die bijvoorbeeld de verzamelde gegevens in een Google Sheet registreert.

Methode #2 JavaScript AI integratie

JavaScript gebruiken voor integratie lijkt misschien ingewikkelder, maar Latenode's AI Assistant binnen de JavaScript-module maakt het toegankelijk voor beginners.

Om een nieuwe Trello kaart te maken met behulp van AI, vraag je onze assistent het volgende:

- Script aan mijn code toevoegen dat een API-integratie met Trello maakt - "Maak een nieuwe kaart".

De overige stappen zijn vergelijkbaar met de HTTP-methode:

1. Voer je API Key en API Token in.
2. Voeg de idList van je Trello-bord toe.
3. Geef de naam en de beschrijving van de Trello-kaart op.

Je voegt deze rechtstreeks toe aan je code, maar de AI vereenvoudigt het proces en biedt begeleiding tijdens het hele proces.

Een JavaScript-fout? Maak je geen zorgen! De AI zal je helpen je code te herstellen zodra je de fout terugstuurt naar de chat.

Je hoeft niet eens uit te leggen wat je nodig hebt; het sturen van een onbewerkte fout is genoeg om nieuwe code te krijgen:

Met deze methode kies je voor een self-service aanpak voor elke low-code integratie die je maar kunt bedenken.

Scenario #2: Toegang tot NPM-pakketten

Er zijn nu meer dan 1,2 miljoen NPM-pakketten (vooraf gebouwde apps die ontwikkelaars in hun code kunnen integreren). Latenode De AI-assistent biedt je toegang tot deze pakketten. Stel dat je de huidige USD/EUR wisselkoers nodig hebt voor handel in meerdere valuta's om bijgewerkte informatie te bieden aan de bezoekers van je website. In plaats van te worstelen met het vinden van de juiste API en het doorspitten van documentatie, kun je je verzoek als volgt formuleren:

Om dit op te lossen gebruikt de assistent de NPM bibliotheek 'axios' om een GET HTTP verzoek naar de ExchangeRate-API te sturen, waarbij de laatste wisselkoersen worden opgehaald. Vervolgens wordt de wisselkoerswaarde van 1 USD naar 1 Euro opgehaald en teruggestuurd in JSON-formaat.

Het bereiken van het juiste resultaat kan een paar pogingen kosten: af en toe kunnen er fouten optreden of lege retourwaarden. De sleutel is om te onthouden dat debuggen niet jouw taak is. Vraag de AI om console.log te integreren voor een gedetailleerde serverrespons. Rapporteer vervolgens elk probleem terug in de AI chat en je hebt de herziene code in een mum van tijd.

Scenario #3: Gegevenstransformatie

Worstel je met datatransformatietaken? Zeg maar dag tegen dat gedoe, vooral als het gaat om datumopmaak. We weten allemaal dat het ene systeem een datum uitspuugt in het formaat "JJJJ-MM-DD", maar dat een ander systeem dit vereist in "DD MMMM JJJJ".

Met behulp van de transformatie zou een webhook-datum van '2023-07-11' er als volgt uitzien:

De AI kan ook helpen bij het manipuleren van tekenreeksen, het samenvoegen van gegevens, filteren, sorteren, transformeren, samenvoegen, splitsen, ontdubbelen, het uitvoeren van statistische analyses en zelfs tekstuele analyses.

Alternatieve wijze van gebruik

In onze discussie tot nu toe hebben we de assistent benaderd via een dialoogvenster. Maar er is nog een andere benadering, vooral handig voor een gerichte debug van een codesegment of wanneer je uitleg nodig hebt over de functionaliteit van een code:

De Low-Code Enthousiastelingen Gemeenschap

Onze community bruist van activiteit. Naarmate de golf van low-code oplossingen toeneemt, sluiten professionals zich aan bij onze chat. We waarderen feedback enorm en ons team staat altijd klaar om je nieuwsgierigheid te beantwoorden!

‍Kom bij ons op Latenode.com en maak deel uit van onze Discord gemeenschap!

Even een herinnering: Je hebt de unieke kans om de kracht van onze AI-assistent en de volledige functionaliteit van ons platform helemaal gratis te ervaren tot het einde van dit jaar