Outils de développement
Oleg Zankov
PDG Latenode, Expert en codes nuls
26 septembre 2023
Une plateforme low-code mêlant la simplicité du no-code à la puissance du full-code 🚀
Commence gratuitement
26 septembre 2023
-
6
min lire

JavaScript + IA : un duo parfait pour les automatisations à code réduit

Oleg Zankov
PDG Latenode, Expert en codes nuls
Table des matières

Bonjour ! Je suis Oleg Zankov, directeur technique et fondateur de Latenode - une plateforme low-code basée sur le cloud où tu peux facilement créer des automatisations de processus commerciaux adaptables et construire des services web sans avoir à gérer une quelconque infrastructure. Que tu sois un expert expérimenté en automatisation ou un propriétaire d'entreprise non technologique qui cherche à comprendre comment automatiser les entreprises, cet article présente un outil d'IA gratuit conçu pour t'épargner des tonnes de temps et d'efforts au cours de ton parcours low-code.

Dans cet article, nous allons découvrir les possibilités purement illimitées du nœud JavaScript avec un assistant IA à l'intérieur, qui peut construire de nouvelles intégrations avec n'importe quel service web à partir de zéro sur ta demande en plusieurs minutes ou transformer des données avec autant de souplesse que ton imagination le permet.

Si tu es plutôt visuel et auditif, regarde notre dernière vidéo sur notre assistant JavaScript AI qui peut supercharger tes automatisations à tous les niveaux :

Nous offrons une expérience transparente pour JavaScript. Avec Latenode, tu peux explorer l'IA avec JavaScript et même expérimenter JavaScript + AI. Notre objectif est de rendre ces technologies de pointe accessibles à tous les développeurs, quel que soit leur niveau d'expertise en JavaScript ou en IA.

Latenode Interface de la plate-forme

Il y a un nouvel ajout dans le module JavaScript qui est extrêmement utile pour le développement. Il s'agit d'un assistant IA, conçu pour t'aider dans une grande variété de tâches de codage, telles que :

  • Rédaction du code
  • Débogage 
  • Explication du code
  • Modifications sur demande

Et le meilleur ? Toutes les fonctionnalités de Latenode sont entièrement gratuites jusqu'au début de la nouvelle année (parce que nous sommes en version bêta). Et avant d'aller plus loin, jette un coup d'œil sur les premiers commentaires des utilisateurs à propos de notre assistant d'intelligence artificielle :

Comment utiliser Latenode AI Assistant ?

Ecris du code même si tu es débutant avec Latenode's AI Assistent

L'assistant réside dans le nœud JavaScript. Tu interagis par l'intermédiaire de la fenêtre "AI Chat". Ses capacités sont les suivantes :

  • Visualisation de ton flux de travail et de la structure des nœuds.
  • Analyse le code existant dans le nœud JavaScript à partir duquel l'assistant a été convoqué.
  • Accède à la structure de données sur le côté gauche du nœud JS.

Cas d'utilisation

La beauté de l'assistant IA sur Latenode est qu'il représente un énorme pas vers la réalisation de notre mission : désormais, même ceux qui ne sont pas familiers avec le codage peuvent créer leurs propres microservices ou construire des automatisations complexes. Démontrons cela à l'aide de trois scénarios.

Scénario #1 : Tâches HTML

Considère un scénario dans lequel tu as besoin d'un formulaire de collecte de données accessible via une URL webhook. Cela peut être pratique dans de nombreuses situations. Au départ, tu remplis le formulaire. Ensuite, les données peuvent être acheminées n'importe où : soit vers une autre branche d'automatisation sur Latenode pour d'autres transformations, soit vers un autre système. Et si tu réalisais ce scénario sans avoir à taper une seule ligne de code ?

Formulaire pour la composition des courriels ciblant la base de données des utilisateurs

Étape 1. Envoie une demande à l'assistant d'intelligence artificielle : 

Bonjour, ajoute mon code à un script pour générer du HTML pour un formulaire intitulé "créer un email". Il doit comporter les champs de saisie suivants : 'objet de l'email', 'aperçu', 'en-tête', 'mises à jour de la plateforme', 'ressources utiles', 'autres nouvelles'. Place un bouton "soumettre" au bas de la page. Embellis le code HTML avec un design agréable et une mise en forme appropriée. Renvoie le résultat sous la forme d'un objet JSON étiqueté "html"

Étape 2. Remplace ton code actuel par le résultat reçu.

Étape 3 : lance une fois ton nouveau scénario.

Le module JavaScript renverra l'objet JSON "html" adapté aux réponses du webhook. En plus de cela, change le paramètre content type en text/html pour afficher correctement le formulaire par le biais de notre webhook d'entrée.

Maintenant, en accédant à l'URL de ton webhook comme indiqué précédemment, un formulaire de collecte de données t'accueillera.

Étape 4. Soumission des données.

Il ne reste plus qu'à faire en sorte que les données collectées via le formulaire soient relayées vers le webhook d'un autre scénario pour un traitement ultérieur. Bien sûr, nous ne coderons pas cela manuellement.

Notre formulaire est maintenant entièrement fonctionnel et prêt à recevoir des données. Tu peux canaliser ces valeurs capturées vers un autre flux de travail qui, par exemple, enregistre les données collectées dans une feuille Google.

Méthode #2 Intégration de JavaScript AI

Ecris le code même si tu es débutant avec Latenode's AI Assistent

L'utilisation de JavaScript pour l'intégration peut sembler plus complexe, mais l'assistant AI deLatenode'au sein du module JavaScript le rend accessible aux débutants.

Pour créer une nouvelle carte Trello à l'aide de l'IA, demande à notre assistant ce qui suit :

- Ajoute un script à mon code qui créera une intégration API avec Trello - "Créer une nouvelle carte".

Les autres étapes sont similaires à la méthode HTTP :

  1. Saisis ta clé d'API et ton jeton d'API.
  2. Ajoute l'idList de ton tableau Trello.
  3. Spécifie le nom et la description de la carte Trello.

Tu les ajoutes directement à ton code, mais l'IA simplifie le processus en offrant des conseils tout au long du processus.

🐞 Tu rencontres une erreur JavaScript ? Ne t'inquiète pas ! L'IA t'aidera à réparer ton code une fois que tu auras renvoyé l'erreur au chat.

Tu n'as même pas besoin d'expliquer ce dont tu as besoin ; envoyer une erreur brute suffira à obtenir un nouveau code :

En utilisant cette méthode, tu choisis une approche en libre-service pour toute intégration low-code que tu peux imaginer.

Scénario #2 : Accès aux paquets NPM

Il existe aujourd'hui plus de 1,2 million de paquets NPM (des apps préconstruites que les devs peuvent intégrer à leur code). Latenode L'assistant d'intelligence artificielle d'Apple te permet d'y accéder. Supposons que tu aies besoin du taux de change USD/EUR actuel pour les échanges multidevises afin de fournir des informations actualisées aux visiteurs de ton site Web. Au lieu de t'efforcer de trouver la bonne API et de parcourir la documentation, formule ta demande comme suit:

Pour résoudre ce problème, l'assistant utilise la bibliothèque NPM 'axios' pour envoyer une requête GET HTTP à l'interface ExchangeRate-API, afin d'obtenir les derniers taux de change. Il récupère ensuite la valeur de change de 1 USD pour 1 Euro et la renvoie au format JSON.

Pour obtenir le bon résultat, il te faudra peut-être plusieurs essais : des erreurs occasionnelles ou des valeurs de retour vides peuvent se produire. La clé est de se rappeler que le débogage n'est pas ta corvée. Demande à l'IA d'intégrer console.log pour obtenir une réponse détaillée du serveur. Rapporte ensuite tout problème sur le chat de l'IA, et tu auras le code révisé en un rien de temps.

Scénario #3 : Transformation des données

Tu as du mal avec les tâches de transformation des données ? Dis adieu à ces tracas, en particulier à ceux qui concernent le formatage des dates. Nous savons tous qu'un système peut produire une date au format "AAAA-MM-JJ", mais qu'un autre peut exiger qu'elle soit au format "JJ MMMM AAAA".

En utilisant la transformation, une date de webhook de '2023-07-11' ressemblerait à ceci :

De même, l'IA peut aider à manipuler des chaînes de caractères, à agréger des données, à les filtrer, à les trier, à les transformer, à les fusionner, à les diviser, à les dédupliquer, à effectuer des analyses statistiques et même des analyses textuelles.

Mode d'utilisation alternatif

Dans notre discussion jusqu'à présent, nous avons approché l'assistant par le biais d'une boîte de dialogue. Mais il existe une autre approche, particulièrement utile pour un débogage ciblé d'un segment de code ou lorsque tu as besoin d'une explication sur une fonctionnalité du code :

Ecris le code même si tu es débutant avec Latenode's AI Assistent

La communauté des enthousiastes du code bas

Notre communauté est en pleine effervescence. Alors que la vague des solutions low-code prend de l'ampleur, des professionnels se joignent à notre chat. Nous apprécions énormément les commentaires, et notre équipe est toujours prête à répondre à tes curiosités !

Rejoins-nous sur Latenode.com et fais partie de notre Discord communauté !

Un petit rappel : Tu as la chance unique de découvrir la puissance de notre assistant IA et l'ensemble des fonctionnalités de notre plateforme tout à fait gratuitement jusqu'à la fin de cette année

Blogs associés

Cas d'utilisation

Soutenu par