VeoNews

GitHub Copilot : L’avenir de la programmation assistée par l’IA

L’intelligence artificielle (IA) a fait d’énormes progrès ces dernières années, révolutionnant divers domaines d’activité. Dans le domaine de la programmation, GitHub Copilot est un outil révolutionnaire qui utilise l’IA pour fournir une assistance de codage avancée aux développeurs. Dans cet article, nous explorerons en détail ce qu’est GitHub Copilot, comment il fonctionne et examinerons des exemples d’utilisation pour mieux comprendre son potentiel.

Qu’est-ce que GitHub Copilot ?

GitHub Copilot est un outil développé par GitHub en partenariat avec OpenAI, basé sur la technologie du modèle de langage GPT (Generative Pre-trained Transformer). Il s’agit d’une extension pour les éditeurs de code populaires tels que Visual Studio Code, permettant aux développeurs d’obtenir des suggestions de code pertinentes et d’écrire plus rapidement et efficacement.

Comment fonctionne GitHub Copilot ?

GitHub Copilot fonctionne grâce à l’apprentissage automatique supervisé sur une immense quantité de code source provenant de projets open source hébergés sur GitHub. Le modèle de langage GPT est pré-entraîné sur ces données, ce qui lui permet d’acquérir une compréhension approfondie des motifs de codage courants, des structures de données et des bonnes pratiques de programmation.

Lorsque vous commencez à écrire du code, GitHub Copilot analyse le contexte et génère des suggestions de code en temps réel, directement dans votre éditeur de code. Ces suggestions peuvent inclure des extraits de code, des fonctions, des classes, des imports et même des commentaires utiles.

Exemples d’utilisation de GitHub Copilot :

a) Complétion de code :

L’un des cas d’utilisation les plus courants de GitHub Copilot est la complétion de code. Par exemple, supposons que vous commenciez à écrire une fonction de tri en Python :

À mesure que vous écrivez le code ci-dessus, GitHub Copilot propose automatiquement une suggestion pour compléter la fonction de tri, en prenant en compte les boucles, les indices et l’échange d’éléments. Cela permet d’accélérer considérablement le processus de développement en évitant d’avoir à taper tout le code manuellement.

b) Création de tests unitaires :

GitHub Copilot peut également être utilisé pour générer des tests unitaires automatiquement. Par exemple, si vous écrivez une fonction de calcul de la moyenne en JavaScript :

Lorsque vous utilisez GitHub Copilot, il peut vous proposer de générer automatiquement des tests unitaires pour cette fonction, en vérifiant les cas de base tels que les tableaux vides, les tableaux avec un seul élément, etc. C

c) Documentation automatique :

Un autre avantage majeur de GitHub Copilot est sa capacité à générer automatiquement des commentaires et de la documentation pour votre code. Par exemple, si vous commencez à écrire une fonction en Java et que vous ajoutez un commentaire expliquant le but de la fonction :

GitHub Copilot peut suggérer automatiquement une implémentation de la fonction et générer une documentation correspondante :

Cette fonctionnalité peut être extrêmement utile pour garantir une documentation cohérente et faciliter la compréhension du code par vous-même et par d’autres développeurs qui pourraient travailler sur le même projet.

d) Correction automatique des erreurs :

GitHub Copilot peut également vous aider à détecter et à corriger les erreurs de code. En écrivant du code, il peut vous suggérer des modifications ou des corrections pour résoudre les problèmes courants. Par exemple, si vous saisissez un nom de variable incorrect ou un opérateur incorrect, GitHub Copilot peut vous proposer des alternatives pour résoudre l’erreur :

GitHub Copilot peut suggérer de corriger l’erreur en remplaçant l’opérateur incorrect (=>) par l’opérateur correct (>=) :

Cela permet de réduire le temps consacré à la recherche d’erreurs et à la correction manuelle, améliorant ainsi l’efficacité du processus de développement.

Conclusion :

GitHub Copilot représente une avancée majeure dans le domaine de la programmation assistée par l’IA. Grâce à son apprentissage à partir de vastes ensembles de données de code source, il offre une assistance précieuse aux développeurs, accélérant leur productivité et améliorant la qualité du code. Que ce soit pour la complétion automatique du code, la génération de tests unitaires, la documentation ou la correction des erreurs, GitHub Copilot démontre un potentiel énorme pour révolutionner la façon dont nous programmons.

Cependant, il est important de noter que GitHub Copilot est un outil d’assistance et qu’il ne remplace pas la réflexion et la compréhension nécessaires pour écrire un code de qualité. Les développeurs doivent toujours valider et comprendre les suggestions de GitHub Copilot avant de les implémenter. Néanmoins, avec une utilisation judicieuse, GitHub Copilot peut devenir un compagnon précieux pour les développeurs, leur permettant de se concentrer sur des tâches plus complexes et créatives.

En fin de compte, GitHub Copilot marque une nouvelle ère de programmation assistée par l’IA, où les développeurs bénéficient d’une aide précieuse pour accélérer leur workflow et relever des défis plus ambitieux. Toutefois, il convient également de noter que GitHub Copilot n’est pas parfait et peut parfois proposer des suggestions incorrectes ou peu optimales. Les développeurs doivent rester vigilants et faire preuve de discernement lorsqu’ils utilisent cet outil.

En termes de perspectives d’avenir, GitHub Copilot est encore au stade de développement et continuera probablement à s’améliorer avec le temps. Les mises à jour régulières du modèle de langage GPT et l’incorporation de nouvelles fonctionnalités permettront d’élargir les capacités de l’outil et d’améliorer sa précision.

Cependant, il est important de noter que GitHub Copilot soulève également des questions et des débats sur des sujets tels que les droits d’auteur et les violations de licence. Étant donné que l’outil s’appuie sur des extraits de code open source disponibles sur GitHub, il est crucial de respecter les licences et les droits de propriété intellectuelle lors de l’utilisation de GitHub Copilot dans des projets commerciaux ou privés. Les développeurs doivent être conscients de ces considérations légales et s’assurer de se conformer aux réglementations en vigueur.

En conclusion, GitHub Copilot représente une avancée passionnante dans le domaine de la programmation assistée par l’IA. En fournissant des suggestions de code pertinentes et en accélérant le processus de développement, il peut améliorer la productivité des développeurs et favoriser l’innovation. Cependant, il est important de l’utiliser avec prudence, de valider les suggestions générées et de rester conscient des implications juridiques. Avec une utilisation judicieuse et une compréhension solide des principes de programmation, GitHub Copilot peut devenir un outil puissant pour les développeurs, les aidant à repousser les limites de la création logicielle.

Titre: La méthode Google Sprint est devenue une référence dans le domaine de l’innovation et de la résolution de problèmes. Elle a été développée par une équipe d’ingénieurs et de designers chez Google Ventures, la branche d’investissement de Google, dans le but d’accélérer le processus de création et de validation de nouvelles idées. Cette méthode structurée et itérative a connu un grand succès et a été adoptée par de nombreuses entreprises à travers le monde. Pour comprendre pleinement son impact, il est intéressant d’explorer l’historique de la méthode Google Sprint et les motivations qui ont conduit à sa création.

L’histoire de la méthode Google Sprint remonte au début des années 2010, lorsque Jake Knapp, un designer travaillant chez Google, a commencé à expérimenter des approches pour accélérer le développement de nouveaux produits et services. Il souhaitait trouver une méthode qui permettrait de résoudre les problèmes de manière plus efficace et collaborative, tout en intégrant une approche centrée sur l’utilisateur.

Avec l’aide de Braden Kowitz et John Zeratsky, également membres de l’équipe Google Ventures, Jake Knapp a commencé à développer un processus itératif qui pouvait être réalisé en une semaine. L’objectif était de réduire le temps nécessaire pour passer de la conception initiale à la validation de prototypes, en utilisant les retours des utilisateurs comme guide.

Au cours des années suivantes, l’équipe de Google Ventures a affiné et perfectionné la méthode, en la testant sur divers projets. Ils ont constaté que la méthode Google Sprint permettait non seulement d’accélérer le processus de développement, mais aussi de réduire les risques associés aux décisions basées sur des hypothèses non testées.

L’impact positif de la méthode Google Sprint a rapidement attiré l’attention de la communauté entrepreneuriale. En 2016, Jake Knapp a publié le livre « Sprint: Comment résoudre les problèmes et trouver de nouvelles idées en cinq jours », qui détaillait le processus et les étapes clés de la méthode. Le livre est devenu un best-seller, contribuant à populariser la méthode Google Sprint auprès d’un large public.

Depuis lors, la méthode Google Sprint a été adoptée par de nombreuses entreprises et startups à travers le monde. Sa réputation d’approche efficace pour stimuler l’innovation, résoudre les problèmes complexes et valider rapidement des idées a fait de la méthode Google Sprint un incontournable dans le domaine de la gestion de l’innovation.

Ainsi, l’historique de la méthode Google Sprint témoigne de son évolution progressive, de sa validation au sein de Google Ventures et de sa diffusion auprès d’un public plus large. Cette méthode innovante continue d’inspirer de nombreuses équipes à repousser les limites de la créativité et à accélérer le processus de résolution de problèmes pour rester compétitives dans un monde en constante évolution.

Cette méthode structurée et itérative permet aux équipes de travailler ensemble de manière intensive pendant une semaine pour résoudre des problèmes, développer de nouvelles idées et tester des prototypes. Dans cet article, nous explorerons en détail la méthode Google Sprint, ses étapes clés et ses avantages.

1. Comprendre la méthode Google Sprint

La méthode Google Sprint est un processus de résolution de problèmes qui permet aux équipes de travailler rapidement et de manière collaborative pour concevoir, développer et tester des solutions. Elle est basée sur une approche centrée sur l’utilisateur et s’inspire des méthodes du design thinking et de la pensée conceptuelle. L’objectif principal de cette méthode est d’accélérer le processus d’innovation en permettant aux équipes de valider rapidement des idées et de prendre des décisions éclairées.

1. Les étapes clés de la méthode Google Sprint

1. Préparation : Avant de commencer le sprint, il est important de former une équipe multidisciplinaire comprenant des experts techniques, des designers, des spécialistes du marketing, etc. L’équipe doit également sélectionner un défi spécifique à résoudre pendant le sprint.
2. Définition du défi : L’équipe passe du temps à définir clairement le problème ou le défi à résoudre. Il est essentiel de formuler une question précise qui servira de guide tout au long du sprint.
3. Génération d’idées : Pendant cette étape, l’équipe mène une séance de brainstorming pour générer un large éventail d’idées. Aucune idée n’est jugée pendant cette phase, et l’accent est mis sur la quantité plutôt que sur la qualité.
4. Sélection de la meilleure idée : Une fois que de nombreuses idées ont été générées, l’équipe passe par un processus de sélection pour identifier l’idée qui a le plus de potentiel pour résoudre le défi. Des critères tels que la faisabilité technique, l’impact commercial et l’attrait pour les utilisateurs peuvent être pris en compte.
5. Prototypage : À cette étape, l’équipe crée un prototype réaliste de la solution sélectionnée. Le prototype peut prendre différentes formes, telles que des maquettes papier, des wireframes ou des prototypes fonctionnels.
6. Test et itération : Une fois le prototype prêt, l’équipe le soumet à des tests utilisateurs. Les retours des utilisateurs sont précieux pour affiner et améliorer la solution. L’équipe peut itérer plusieurs fois en fonction des résultats des tests.

1. Les avantages de la méthode Google Sprint

La méthode Google Sprint présente plusieurs avantages pour les équipes qui l’adoptent :

1. Rapidité : Grâce à sa durée d’une semaine, la méthode permet de résoudre rapidement des problèmes et de prendre des décisions éclairées.
2. Collaboration : La méthode Google Sprint favorise la collaboration entre les membres de l’équipe. Chaque membre apporte ses connaissances et compétences spécifiques pour trouver des solutions innovantes. Cette approche multidisciplinaire encourage la diversité des idées et permet une meilleure compréhension des différents aspects du problème.
3. Centré sur l’utilisateur : La méthode Google Sprint met l’accent sur les besoins et les attentes des utilisateurs. Grâce aux tests utilisateurs effectués tout au long du processus, l’équipe peut recueillir des commentaires précieux pour améliorer la solution et s’assurer qu’elle répond aux besoins réels des utilisateurs.
4. Réduction des risques : En développant rapidement des prototypes et en les testant, la méthode Google Sprint permet de minimiser les risques liés au lancement de nouveaux produits ou services. Les tests précoces aident à identifier les problèmes potentiels et à apporter des ajustements avant d’investir davantage de temps et de ressources.
5. Stimule l’innovation : La méthode encourage la créativité et l’innovation en fournissant un cadre structuré pour explorer de nouvelles idées et concepts. Les séances de brainstorming permettent de sortir des sentiers battus et de repousser les limites de la réflexion.
6. Alignement de l’équipe : En travaillant ensemble intensivement pendant une semaine, la méthode Google Sprint favorise l’alignement de l’équipe sur les objectifs et les priorités. Les discussions et les décisions prises tout au long du sprint permettent de créer une vision commune et de renforcer l’esprit d’équipe.

Conclusion

La méthode Google Sprint est devenue une approche populaire pour accélérer l’innovation et la résolution de problèmes dans de nombreuses entreprises. En permettant aux équipes de travailler de manière intensive et collaborative pendant une semaine, cette méthode favorise la génération d’idées, le développement de prototypes et les tests utilisateurs rapides. Les avantages de la méthode Google Sprint incluent sa rapidité, sa collaboration, sa focalisation sur l’utilisateur, sa réduction des risques, sa stimulation de l’innovation et son alignement d’équipe.

En adoptant cette méthode, les entreprises peuvent améliorer leur capacité à innover, à prendre des décisions basées sur des données réelles et à offrir des produits et services répondant aux besoins des utilisateurs. La méthode Google Sprint offre un cadre structuré et éprouvé pour stimuler la créativité et accélérer le processus de résolution de problèmes, faisant d’elle une approche précieuse pour les organisations à la recherche d’un avantage concurrentiel dans un monde en constante évolution.

La méthode OKR: Comment atteindre vos objectifs avec efficacité et clarté

Dans le monde des affaires d’aujourd’hui, il est essentiel pour les entreprises et les individus de fixer des objectifs clairs et ambitieux. Cependant, il peut être difficile de transformer ces objectifs en actions concrètes et de mesurer les progrès réalisés. C’est là que la méthode OKR entre en jeu. Les Objectives and Key Results (OKR) est une approche de gestion des objectifs qui a été popularisée par des entreprises telles que Google et Intel. Dans cet article, nous explorerons en détail la méthode OKR, son fonctionnement et nous fournirons des exemples concrets pour vous aider à comprendre comment l’appliquer avec succès.

Comprendre les OKR

Les OKR se composent de deux éléments principaux: les Objectives (Objectifs) et les Key Results (Résultats clés). Les Objectives représentent les objectifs globaux que vous souhaitez atteindre. Ils doivent être ambitieux, inspirants et alignés sur la vision à long terme de votre entreprise ou de votre projet. Les Key Results, quant à eux, sont des mesures spécifiques et quantifiables qui démontrent les progrès réalisés vers l’atteinte de l’Objectif. Ils servent de repères concrets pour évaluer si vous êtes sur la bonne voie.

La méthodologie des OKR

1. Définir les Objectives:
   • Les Objectives doivent être spécifiques, significatifs et mesurables.
   • Ils doivent être ambitieux et stimulants, mais également réalistes et réalisables.
   • Les Objectives doivent être alignés sur la vision et les valeurs de votre organisation.
2. Élaborer les Key Results:
   • Les Key Results doivent être quantifiables et fournir des indicateurs clairs de progression.
   • Il est recommandé de fixer de 3 à 5 Key Results par Objectif.
   • Les Key Results doivent être difficiles à atteindre, mais pas impossibles. Ils doivent représenter un défi stimulant.
3. Mettre en place un système de suivi régulier:
   • Il est essentiel de suivre les progrès réalisés vers les Key Results de manière régulière.
   • Il est recommandé de faire des mises à jour hebdomadaires ou mensuelles pour évaluer les progrès et ajuster si nécessaire.
   • Un système de suivi transparent et accessible à tous les membres de l’équipe favorise la responsabilité et la collaboration.

Exemples d’application des OKR

Exemple 1: Entreprise technologique

Objective: Augmenter la part de marché dans l’industrie des smartphones haut de gamme.

Key Results:

1. Augmenter les ventes de smartphones haut de gamme de 20% au cours du prochain trimestre.
2. Obtenir une note de satisfaction client de 4,5 étoiles ou plus pour nos produits haut de gamme.
3. Lancer deux nouvelles fonctionnalités innovantes sur nos smartphones haut de gamme d’ici la fin de l’année.
4. Augmenter de 30% la notoriété de notre marque dans les médias spécialisés.

Exemple 2: Projet de développement logiciel (suite)

Objective: Livrer une nouvelle version du logiciel avec des fonctionnalités améliorées.

Key Results:

1. Réduire de 50% le nombre de bugs identifiés lors des tests de la nouvelle version.
2. Obtenir un taux d’adoption de la nouvelle version de 80% parmi les utilisateurs existants.
3. Augmenter de 20% la vitesse de traitement des requêtes par rapport à la version précédente.
4. Recevoir une note moyenne de satisfaction utilisateur de 4,0 sur 5,0 pour la nouvelle version.

Les avantages des OKR

La méthode OKR présente de nombreux avantages pour les organisations et les individus qui l’adoptent. Voici quelques-uns des principaux bénéfices :

1. Alignement des objectifs: Les OKR permettent d’aligner les objectifs individuels et départementaux sur les objectifs globaux de l’entreprise. Cela favorise la cohérence et l’engagement de tous les membres de l’équipe.
2. Clarté et focalisation: Les OKR fournissent une vision claire des priorités et des résultats attendus. Ils aident à éviter les efforts dispersés et à se concentrer sur les actions les plus importantes pour atteindre les objectifs fixés.
3. Amélioration de la communication: La méthode OKR encourage la transparence et la communication ouverte au sein de l’équipe. Chacun est conscient des objectifs des autres membres et peut collaborer de manière plus efficace.
4. Adaptabilité et flexibilité: Les OKR sont flexibles et peuvent être ajustés au fil du temps en fonction de l’évolution des circonstances et des priorités. Ils favorisent l’agilité et permettent de s’adapter rapidement aux changements.
5. Motivation et engagement: La nature ambitieuse des OKR stimule la motivation et l’engagement des individus en leur offrant des défis stimulants. Les Key Results quantifiables permettent de mesurer les progrès et de célébrer les réussites.

Conclusion:

La méthode OKR est un outil puissant pour la gestion des objectifs et la réalisation de résultats significatifs. Que ce soit au niveau individuel, d’une équipe ou d’une organisation entière, les OKR permettent d’aligner les efforts, de mesurer les progrès et d’atteindre des objectifs ambitieux. En adoptant cette approche, vous pourrez transformer vos aspirations en actions concrètes et maximiser votre potentiel de réussite. Alors, n’hésitez pas à mettre en pratique la méthode OKR et à voir les résultats se concrétiser sous vos yeux.

​

Titre : Platform Engineering versus DevOps : Une analyse comparative

Dans le monde en constante évolution de la technologie, deux concepts ont récemment gagné en popularité : Platform Engineering et DevOps. Ces deux termes sont souvent utilisés de manière interchangeable, mais bien qu’ils partagent certaines similitudes, il est important de comprendre les différences fondamentales qui les séparent. Dans cet article, nous allons explorer en détail ces deux concepts, leurs points communs, leurs divergences, ainsi que leurs avantages respectifs.

1. Comprendre le DevOps

Le terme DevOps est une contraction de « développement » et « opérations ». Il fait référence à une approche collaborative de la gestion du cycle de vie du développement logiciel, dans laquelle les équipes de développement (Dev) et d’opérations (Ops) travaillent en étroite collaboration pour accélérer le déploiement de logiciels de haute qualité.

Au cœur de la philosophie DevOps se trouve l’idée que les développeurs et les professionnels des opérations doivent collaborer tout au long du processus de développement et de déploiement, plutôt que de travailler en silos distincts. Cette intégration permet d’accélérer le temps de mise sur le marché, d’améliorer l’efficacité opérationnelle et de réduire les erreurs et les problèmes de production.

1. Qu’est-ce que le Platform Engineering?

Le Platform Engineering, quant à lui, est une discipline qui se concentre sur la création et la gestion de plateformes technologiques évolutives. Ces plateformes sont conçues pour être utilisées par les développeurs de logiciels afin de leur permettre de créer, tester et déployer des applications rapidement et efficacement.

Le rôle d’un ingénieur de plateforme est de concevoir, construire et maintenir l’infrastructure sous-jacente qui soutient le développement de logiciels. Cela comprend la mise en place de systèmes de gestion des données, la configuration de l’infrastructure réseau, la mise en place de systèmes de surveillance et d’alerte, et la garantie de la sécurité de la plateforme.

III. Comparaison entre DevOps et Platform Engineering

Il y a un certain chevauchement entre DevOps et Platform Engineering, mais il y a aussi des différences significatives.

1. Focus : DevOps se concentre sur l’amélioration de la collaboration entre les développeurs et les opérations pour accélérer le déploiement de logiciels de haute qualité. Platform Engineering, en revanche, se concentre sur la création et la gestion de plateformes technologiques pour faciliter le développement et le déploiement de logiciels.
2. Responsabilités : Les professionnels DevOps sont responsables de la gestion du cycle de vie du développement logiciel, tandis que les ingénieurs de plateforme sont responsables de la création et de la gestion de l’infrastructure technologique qui soutient ce développement.
3. Outils : Les deux rôles utilisent une variété d’outils, mais ils diffèrent dans leur utilisation. Les professionnels DevOps utilisent souvent des outils pour automatiser le déploiement, la surveillance et la gestion des applications. Les ingénieurs de plateforme, en revanche, utilisent des outils pour créer et gérer l’infrastructure sous-jacente, comme les systèmes de gestion de bases de données, les réseaux et les systèmes de sécurité.

1. Comment DevOps et Platform Engineering travaillent ensemble

Malgré leurs différences, DevOps et Platform Engineering ne sont pas mutuellement exclusifs. En fait, ils sont souvent plus efficaces lorsqu’ils travaillent ensemble.

Un ingénieur de plateforme crée l’infrastructure qui permet aux développeurs de construire et de déployer des logiciels plus efficacement. En parallèle, une équipe DevOps peut utiliser cette infrastructure pour optimiser le processus de développement et de déploiement.

Ainsi, les deux disciplines peuvent se compléter et se renforcer mutuellement. Le Platform Engineering peut fournir les outils et l’infrastructure nécessaires pour faciliter le travail de l’équipe DevOps, tandis que le DevOps peut utiliser ces ressources pour améliorer la qualité et la rapidité du développement et du déploiement de logiciels.

1. Les avantages de l’intégration de DevOps et du Platform Engineering

L’intégration de DevOps et de Platform Engineering peut offrir plusieurs avantages significatifs :

1. Efficacité accrue : L’utilisation d’une plateforme technologique conçue par des ingénieurs de plateforme peut aider à automatiser de nombreux aspects du développement et du déploiement de logiciels, ce qui peut accroître l’efficacité de l’équipe DevOps.
2. Meilleure collaboration : L’adoption d’une approche DevOps peut favoriser une meilleure collaboration entre les développeurs et les opérations, ce qui peut aider à prévenir les erreurs et à accélérer le temps de mise sur le marché.
3. Plus grande échelle : L’infrastructure fournie par le Platform Engineering peut permettre à une organisation de développer et de déployer des logiciels à une plus grande échelle, ce qui peut être particulièrement utile pour les grandes entreprises.
4. Conclusion

En conclusion, bien que DevOps et Platform Engineering aient des objectifs et des responsabilités différents, ils partagent un objectif commun : faciliter le développement et le déploiement de logiciels de haute qualité. En travaillant ensemble, ces deux disciplines peuvent offrir des avantages significatifs, notamment une plus grande efficacité, une meilleure collaboration et la capacité de fonctionner à une plus grande échelle. Il est donc crucial pour les organisations de comprendre ces deux concepts et de les intégrer de manière efficace dans leurs processus technologiques.

Vue.js est un framework JavaScript open-source pour la création d’applications web. Il a été créé par Evan You en 2014 et est devenu très populaire pour sa facilité d’utilisation et sa flexibilité. Il utilise un système de liaison de données bidirectionnelle qui relie les données aux éléments de l’interface utilisateur, de sorte que lorsque les données changent, l’interface utilisateur est automatiquement mise à jour. Il dispose également d’un système de composants pour faciliter la création d’applications modulaires et réutilisables. Vue.js est compatible avec d’autres bibliothèques et frameworks tels que React et Angular.

React.js est un framework JavaScript open-source développé par Facebook. Il a été lancé en 2013 et est devenu très populaire pour la création d’applications web à haute performance. Il utilise un système de composants qui permet de diviser une application en petites parties réutilisables, ce qui rend le développement plus efficace et facilite la maintenance et l’évolution de l’application. React.js utilise également un système de virtual DOM qui permet de mettre à jour uniquement les parties de l’interface utilisateur qui ont été modifiées, améliorant ainsi les performances de l’application.

Angular est un framework JavaScript open-source développé par Google. Il a été lancé en 2010 et est devenu très populaire pour la création d’applications web de grande envergure. . Il offre des fonctionnalités avancées pour la création d’applications web dynamiques et interactives. Angular utilise une architecture basée sur les composants et est facilement extensible grâce à un système de modules. Il fournit également un support complet pour la gestion de l’état de l’application et une intégration aisée avec d’autres outils de développement.

Vue.js :

site : https://vuejs.org

Avantages :

• Taille légère et facile à apprendre pour les développeurs qui ont déjà une expérience en JavaScript
• Complet pour les petits projets
• Possibilité de personnaliser facilement les composants
• Forte communauté de développeurs

Inconvénients :

• Moins de flexibilité pour les projets plus importants
• Moins de composants prédéfinis

React.js:

site : https://legacy.reactjs.or

Avantages :

• Grande performance grâce à son utilisation de la technique de rendu côté serveur
• Grande flexibilité pour les projets de toutes tailles
• Forte communauté de développeurs

Inconvénients :

• Peut être plus difficile à apprendre pour les développeurs qui n’ont pas d’expérience en JavaScript
• Peut être plus difficile à personnaliser les composants

Angular:

site : https://angular.io

Avantages :

• Complet pour les projets de toutes tailles
• Facilité de créer des applications avec une architecture solide
• Grande communauté de développeurs

Inconvénients :

• Peut-être plus difficile à apprendre pour les développeurs qui n’ont pas d’expérience en JavaScript
• Peut-être plus lourd pour les petits projets
• Il faut noter que le choix du framework dépend de vos besoins spécifiques et de vos préférences en matière de développement. Il peut être utile de tester chacun d’entre eux pour voir lequel convient le mieux à votre projet.

Zapier / Integromat / n8n :

Il existe de nombreux produits qui permettent aux utilisateurs finaux d’intégrer les applications Web qu’ils utilisent et d’automatiser les flux de travail. Bien qu’ils servent le même objectif, ils ont beaucoup de différences comme leurs similitudes.  Dans ce document, nous allons comparer trois d’entre eux : Zapier, Integromat et n8n.

Prix:

Même si les trois outils d’automatisation disposent d’une option d’abonnement gratuite, ils ne couvrent pas le même nombre d’opérations. Pour une utilisation professionnelle, il est nécessaire de souscrire un abonnement plus élevé pour Zapier et Integromat.

Zapier est le plus cher des trois. L’abonnement gratuit de Zapier ne comprend que 100 tâches par mois et il n’est possible d’utiliser que 5 zaps (5 Workflow) un temps de mise à jour de 15 minutes. Pour utiliser un nombre illimité de zaps, avoir accès à des applications premium et bénéficier d’un temps de mise à jour beaucoup plus court, l’utilisateur doit souscrire un abonnement professionnel.

Après zapier, Integromat vient en second. Avec le plan d’abonnement gratuit d’Intogramet, il est possible d’effectuer 1000 opérations et d’utiliser deux flux de travail activés. Si vous souhaitez passer à la version supérieure, Integromat propose une formule d’abonnement beaucoup plus avantageuse que Zapier.

D’autre part, n8n peut être utilisé de manière totalement gratuite. n8n est un outil d’automatisation auto-hébergé. Il est donc possible d’utiliser n8n sans aucune limitation en l’hébergeant sur votre propre serveur ou même sur votre ordinateur personnel. Mais si vous souhaitez utiliser la version cloud de n8n, il existe un forfait de 20 euros pour 5000 exécutions par mois.

Intégrations:

Si nous regardons le nombre d’applications auxquelles ces outils d’automatisation ont accès, Zapier est le plus important avec plus de 5000 applications. Après Zapier, Integromat occupe la deuxième place avec plus de 1000 applications.  Comparé aux deux autres, n8n a beaucoup moins d’applications avec seulement 200+ applications. La différence entre ces chiffres peut être facilement comprise en regardant leurs dates de sortie ; Zapier est sorti en 2011 tandis que n8n est un outil d’automatisation assez récent qui est sorti en 2019.

Mais même si Zapier a le plus d’applications. Les actions qui peuvent être exécutées avec ces applications sont plus limitées qu’Integromat et n8n.  Donc, si vous recherchez un outil pour effectuer des travaux plus complexes, il est préférable d’utiliser Integromat ou n8n. n8n donne également la possibilité de créer votre propre intégration. Le code de n8n est disponible sur Github et l’entreprise est toujours prête à accepter de nouvelles contributions de la communauté.

Facilité d’utilisation :

Zapier est plus simple à utiliser que les deux autres. Un flux de travail créé dans Zapier ressemblera à ce qui suit:

Il a une forme très simple et très facile à comprendre pour tout débutant. L’utilisation des variables des applications précédentes comme entrée est également très facile. D’autre part, pour une meilleure utilisation d’Integromat et de n8n, il est nécessaire d’être familier avec langage de programmation. Leur utilisation est plus complexe que celle de Zapier. Mais cette complexité donne plus de possibilités à l’utilisateur d’utiliser les variables et les applications comme il le souhaite. n8n donne la possibilité de modifier les éléments comme vous le souhaitez avec le codage correct. En plus, n8n permet d’utiliser deux applications de déclenchement, ce qui n’est pas possible avec Zapier et Integromat. La visualisation du flux de travail d’Integromat et de n8n est très différente de celle de Zapier. Ces produits montrent les connexions et chaque étape de l’automatisation, il est possible de zoomer et de déplacer les objets. Un flux de travail avancé pour n8n peut ressembler à ce qui suit :

La connexion des comptes est la première étape pour pouvoir utiliser les applications de ces outils d’automatisation. Dans Zapier c’est un processus très facile en cliquant simplement sur « connecter un nouveau compte » et en autorisant l’accès à l’application. Mais dans n8n, il est nécessaire d’utiliser l’authentification de Auth2 ou compte de service pour connecter les comptes. Cette méthode de connexion est plus complexe que celle utilisée par Zapier. Integromat utilise généralement la même méthode que Zapier mais il existe certaines applications qui nécessitent la méthode d’authentification de Auth2 ou compte de service.

Test du flux de travail

Integromat et n8n offrent tous deux la possibilité d’exécuter chaque application séparément si vous le souhaitez. Lorsque le workflow est exécuté, il est possible de voir quelles applications sont en cours d’exécution, quels sont les éléments de sortie, etc. avant même que le workflow ne soit activé. Avec ce processus, il est très facile de détecter où se trouve l’erreur. Zapier offre la possibilité de tester les applications pour détecter d’éventuelles erreurs, mais tant que le flux de travail n’est pas publié, il n’est pas possible de tester entièrement l’automatisation.

Fonctions Avancées :

Ces trois produits contiennent divers outils tels que des boucles, des filtres, etc. Ces outils sont plus avancés dans Integromat que dans Zapier. Même si Zapier contient des outils dont le nom est « Exemple by Zapier », Integromat offre beaucoup plus de possibilités. Mais d’un autre côté, pour pouvoir utiliser ces outils, des connaissances de base en programmation peuvent être nécessaires. Dans n8n, il y a également divers outils, mais en plus de cela, n8n donne la possibilité de coder n’importe quoi à l’intérieur des nœuds. Comme pour Integromat, pour pouvoir utiliser cette fonction, l’utilisateur doit être familier avec le langage de programmation de n8n (JavaScript).

Liens à consulter pour plus d’informations :

Zapier vs Integromat – a detailed comparison with this Zapier alternative

Zapier vs Integromat — Comment faire son choix en 2022 ?

Escape Zapier, Try n8n

Top 4 des meilleurs outils d’automatisation

n8n Introduction:

n8n est un outil « low-code » assez évolué qui va vous permettre d’automatiser certaines tâches à partir d’une suite d’actions basées sur des nœuds. Il s’agit d’une application qui intègre des applications entre elles au travers de leur API (Application Programming Interface) afin d’automatiser des « workflows ».

Attention n8n est un peu plus compliqué que Zapier. N8n est plutôt réservé à des gens qui ont un peu de connaissance en développement. Il peut être utilisé directement en mode cloud depuis le site https://n8n.io.

Téléchargement :

n8n est une application qui est très facile à installée. En allant sur le projet du site, elle peut être téléchargée pour Windows ou Apple.

n8n est un outil d’automatisation auto-hébergé donc il est également possible de télécharger n8n manuellement. Il faut d’abord télécharger et installer Docker Desktop. Ensuite, ouvrir le terminal et lancer la commande :

docker pull n8nio/n8n

Si vous consultez les images dans Docker Desktop, vous pourrez voir que n8n est créé. Cliquez sur le bouton run et entrez 5678 pour l’hôte local. Les autres champs peuvent être remplis comme l’utilisateur le souhaite. Après avoir cliqué sur le bouton run, il est possible d’ouvrir n8n dans votre navigateur.

Il est aussi possible de l’utiliser n8n sur le cloud mais il existe un forfait de 20 euros pour 5000 exécutions par mois

Eléments Importants de n8n :

Les nœuds sont les points de connexion de vos blocs d’automatisations n8n. Ils sont les éléments constitutifs de l’automatisation: les données entrent par les nœuds, sont traitées par les nœuds et sortent finalement par les nœuds.

• Les nœuds de base sont des fonctions ou des services qui peuvent être utilisés pour contrôler le mode d’exécution des workflows ou pour fournir un support API générique.
• Les nœuds de déclenchement (trigger) sont les points de départ de l’automatisation. Ils sont toujours le premier nœud du flux de travail et agissent comme un feu  vert pour les nœuds suivants.  Dans n8n, il peut y avoir plusieurs nœuds de déclenchement en plus du nœud de départ.
• Les nœuds réguliers exécutent une certaine action, par exemple récupérer des données ou créer une entrée dans un calendrier. Leurs noms sont cohérents avec les  applications qu’ils exécutent.

Les éléments (Items) sont les stockages pour les données exécutées. Un élément est une collection de données qui a été envoyée d’un nœud à l’autre comme un tableau d’objets JSON  (JavaScript Object Notation) . Les nœuds peuvent traiter plusieurs éléments en même temps.

La connexion est un lien qui relie plusieurs nœuds. Il s’agit d’un itinéraire permettant de faire passer les données de la sortie d’un nœud à l’entrée d’un autre nœud. Un nœud peut avoir une ou plusieurs connexions.

Le workflow est un système dont la structure est constituée de nœuds, en connectant les nœuds, vous pouvez créer un flux de travail. Au départ, il s’agit toujours d’une ardoise vierge dans laquelle vous pouvez ajouter des nœuds comme vous le souhaitez. En utilisant différents flux de travail, il est également possible de séparer les automatisations les unes des autres.

Démarrage :

Pour commencer à travailler, vous devez créer un nouveau flux de travail en utilisant l’icône de flux de travail dans le menu de gauche. Le nœud de départ dans le nouveau workflow est le nœud de déclenchement par défaut et peut être utilisé pour exécuter l’automatisation. En cliquant sur le signe orange + sur le côté droit de la page, il est possible d’ouvrir le panneau des nœuds et d’ajouter n’importe quelle application comme nœud au flux de travail.

L’exécution du programme :

Un flux de travail commence lorsqu’un nœud est connecté à un nœud déclencheur. Il peut s’agir d’un nœud qui peut créer des données par lui-même, recevoir les données du disque, recevoir les données d’une autre application qui a une API.

Après avoir obtenu les données du nœud, il est possible de définir l’opération qui doit être exécutée.  Il est ensuite possible de configurer l’apparence et l’exécution du nœud avec les paramètres (Settings) du nœud.

Lorsque tous les paramètres nécessaires sont remplis, le programme peut être exécuté avec le nœud de démarrage ou le nœud lui-même peut être exécuté avec l’option de nœud d’exécution. Si le workflow s’exécute avec succès, un tic vert apparaîtra sur les icônes des nœuds et il sera possible de voir la sortie. Si ce n’est pas le cas, le programme affichera le message « Problème d’exécution du flux de travail » avec le détail de l’erreur.

Création d’un Nœud :

Les nœuds utilisés dans n8n sont composés de plusieurs fichiers.  La fonction du nœud est définie par un fichier JavaScript (.js) et ses propriétés sont définies par un fichier html. Un fichier package.json est utilisé pour empaqueter le tout comme un module npm.

Il est possible de créer un nœud personnalisé dans n8n. Pour créer un nœud personnalisé, il est nécessaire d’avoir des connaissances de base en JavaScript/TypeScript. De plus, il est utile de connaître le fonctionnement de l’API et des expressions dans n8n pour une meilleure compréhension.

Tout d’abord, installez et ouvrez Git sur votre ordinateur. Ensuite, vous pouvez installer lerna globalement avec la commande suivante :

npm install --global lerna  //installation de lerna

Si vous n’avez pas de compte existant, ouvrez un compte GitHub, puis créez une branche (fork) du dépôt n8n. Vous pouvez le cloner avec la commande suivante :

git clone https://github.com/ VotreNomdUtilisateurGitHub /n8n.git && cd n8n

Dans Github, il est possible de trouver un exemple pour le code du nœud souhaité qui veut être créé. Ils peuvent être trouvés dans le dossier packages/nodes-base/nodes. (Ce fichier contient tous les nœuds de n8n.)

Lorsque vous commencez à créer un nœud, créez un nouveau dossier avec le nom des nœuds personnalisés dans votre dossier packages/nodes-base/nodes. Dans ce dossier les dossiers NomdeNoeud.node.ts et NomdeNoeud.svg doivent être recréés. NomdeNoeud.node.ts étant le code des nœuds et NomdeNoeud.svg étant l’icône des nœuds (votre icône doit être un SVG ou un PNG de 60×60 pixels). Après il faut coller (dans l’ordre alphabétique) dist/nodes/NomdeNoeud/NomdeNoeud.node.js dans le fichier packages/nodes-base/package.json. Cette action devrait enregistrer le nœud dans le tableau des nœuds.

Pour visualiser votre nœud, allez dans le dossier principal du projet (n8n) dans le terminal et exécutez les commandes suivantes.

lerna bootstrap -–hoist  //installe toutes les dépendances de tous les modules, les relie entre eux

npm run build            //construit tout le code

npm run dev             //démarre n8n en mode développement

Ouvrez votre navigateur et allez à localhost:8080 et vous devriez être en mesure de voir l’interface utilisateur de l’éditeur. Maintenant, lorsque vous tapez le nom de votre nœud, vous devriez être en mesure de le trouver dans le menu Créer un nœud, cliquez dessus pour l’ajouter à l’interface utilisateur de l’éditeur.

Un nœud doit également être composé de certains paramètres tels que l’opération et la ressource. Ces paramètres peuvent être ajoutés sous description.properties dans packages/nodes-base/nodes/NomdeNoeud/NomdeNoeud.node.ts.

Pour plus de détails, les instructions peuvent être trouvées sur le site web.

Exemple de Video

Maintenir le Fonctionnement de n8n Après la Fermeture du Terminal

Lorsque nous utilisons n8n, nous voulons qu’il continue à fonctionner en arrière-plan. Pour cette fonction, nous utilisons la version que nous avons téléchargée manuellement sur notre ordinateur en utilisant Docker Desktop.

Nous allons dans la section containers de Docker Desktop et ouvrons le terminal de notre n8n. Maintenant, nous devons configurer le n8n pour qu’il fonctionne via PM2. Pour ce faire, nous écrivons dans le terminal :

npm install pm2 -g    // installation du pm2

Ensuite vous pouvez démarrer le n8n avec pm2 en écrivant :

pm2 start n8n

Exemple 1: Envoi d’un Gmail :

L’une des applications sur Internet que nous utilisons le plus est Gmail. En utilisant l’API Gmail, nous pouvons accéder à nos comptes avec n8n et effectuer diverses transactions. Voici un exemple de la façon d’envoyer un mail en utilisant n8n.

Après avoir trouvé l’application Gmail dans le menu des nœuds, nous commençons à écrire nos paramètres.

Avant de saisir les informations d’identification, il faut choisir OAuth2 pour l’authentification. En créant un nouveau compte avec les informations d’identification de l’API OAuth2 de Gmail, nous obtenons une URL de redirection OAuth. Cette URL sera utilisée pour obtenir les identifiants de Google Cloud Platform. Sur Google Cloud Platform, dans le menu de gauche, nous choisissons « API et services » puis « Identifiants ». En cliquant sur « Créer des identifiants », nous créons un nouvel « OAuth client ID ». Après avoir choisi l’application web, l’URL que nous avons obtenue de n8n peut être ajoutée à l’URI de redirection autorisée.

En créant ce nouvel identifiant, nous obtenons les informations d’identification nécessaires pour remplir les champs du n8n. En se connectant avec google, le compte peut être à présent facilement connecté.

Pour le champ de la ressource, sélectionnez « Message » et pour le champ de l’opération, il faut choisir « Envoyer ».  Pour le champ sujet et message et courrier du destinataire, peuvent être choisi comme l’utilisateur le souhaite en fonction du message qui doit être envoyé. Si l’on souhaite, un courrier électronique cc ou bbc, une pièce jointe sous forme binaire et le nom de l’expéditeur peuvent être aussi ajoutés au courrier.

Exemple 2 : Message d’Anniversaire

Le plan général

Dans cet exemple, nous allons envoyer des mails les personnes dont c’est l’anniversaire en extrayant des informations d’un Google Sheets existante. Pour cette automatisation, nous allons utiliser quatre nœuds. Pour le nœud de départ, nous utiliserons un nœud Cron. Le nœud Cron est un nœud de déclenchement qui permet à l’utilisateur de programmer l’exécution périodique des flux de travail à des dates, heures ou intervalles fixes. Nous allons connecter le nœud Cron avec un nœud Function qui nous permettra de trouver la date actuelle. Après ce nœud, nous utiliserons le nœud Google Sheets pour extraire les informations nécessaires. Enfin, le nœud Gmail sera utilisé pour envoyer les mails. Votre flux de travail devrait ressembler alors à ceci :

Nœud de déclenchement : Cron

Dans ce nœud, l’utilisateur peut choisir le mode et le moment souhaités pour l’exécution. Comme nous allons utiliser un déclencheur basé sur l’heure, il est suggéré de vérifier votre fuseau horaire dans les paramètres et de le corriger si nécessaire.

Nœud Régulière : Function

Le nœud de fonction est un nœud où l’on peut manipuler les éléments. Les éléments sont sous la forme de JSON, par conséquent, dans le nœud de fonction, JavaScript est utilisé pour la manipulation des éléments. Dans ce nœud, nous allons utiliser un code JavaScript pour obtenir le jour et le mois actuels. Le code ci-dessous peut être utilisé pour cette fonction.

//trouve le mois actuel
var month = new Date().getMonth();

//trouve la date actuel
var day1 = new Date().getDate();

// crée une liste composée des mois
const months = ["Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Aout", "Septembre", "Octobre", "Novembre", "Décembre"];

//crée un élément avec la date et le mois sous la forme de " 9 Juin"
items[0].json.date = day1 + " " + months[month];

//renvoie les éléments créés comme données de sortie
return items;

Nœud de Google Sheets :

Avec l’aide de ce nœud, nous allons lire et extraire des informations d’un Google Sheets déjà existante.  Tout d’abord, vous devez créer une feuille de Google Sheets avec trois colonnes : nom, mails et les anniversaires ( Les anniversaires doivent être dans le même format que la sortie du nœud Function). Pour le nœud Google Sheet, OAuth2 sera utilisé pour l’authentification nécessaire. En créant un nouvel ID client OAuth dans votre Google Cloud Platform en utilisant l’URL donnée, vous pouvez obtenir les informations d’identification de l’ID client et du secret client (expliqué en détail dans l’exemple d’Envoi d’un Gmail). Une fois le compte connecté avec succès, il faut choisir « Sheet » comme « Ressource » et « Lookup » comme « Opération ».  Pour l’ID de la feuille de calcul, il s’agit de l’ID de votre feuille.

Vous devez écrire la plage, la ligne de début des données, la ligne clé et le nom de la colonne de consultation en fonction de votre feuille. Pour la valeur de consultation, la sortie du nœud de fonction sera utilisée comme valeur d’entrée. Cliquez sur les options de paramètres et ajoutez l’expression, pour trouver les données de sortie vous devez cliquer dans cet ordre : Nodes > Function > Output Data > JSON > date. Vous devez activer l’option « Retourner toutes les correspondances » dans le menu « Options » , sinon seule la première ligne trouvée sera retournée, même s’il existe plusieurs anniversaires identiques.

Nœud de Gmail :

Nous allons utiliser le nœud Gmail pour envoyer des courriels si aujourd’hui correspond à l’un des anniversaires dans le fichier Google Sheets. Pour le nœud Gmail, nous utiliserons la même méthode d’authentification que pour le Google Sheets (authentification OAuth2). Pour envoyer des courriels, il faut choisir « Message » comme « Ressource » et « Envoyer » comme « Opération ». Le sujet et le message peuvent être choisis comme l’utilisateur le souhaite. Si vous le souhaitez, le nom généré par le nœud Google Sheets peut être utilisé dans le message écrit ou le sujet en ajoutant une expression.  Pour le courrier du destinataire, nous utiliserons les données de sortie du nœud Google Sheets en ajoutant une expression : Nœuds > Fonction > Données de sortie > JSON > mail. Des champs supplémentaires peuvent être ajoutés selon les souhaits de l’utilisateur.

Exécution :

Lorsque vous cliquez sur Exécuter le flux de travail, votre flux de travail sera exécuté manuellement. S’il n’y a pas d’erreur, le message « Workflow exécuté avec succès » apparaîtra dans le coin inférieur droit du n8n, sinon l’erreur sera affichée sous forme de message. Pour que le nœud Cron déclenche des exécutions selon le calendrier défini, vous devez activer l’automatisation et assurez-vous que votre flux de travail est enregistré.

Workflow d’Erreur:

Un workflow d’erreur peut être utilisé pour tout workflow d’activation nécessaire. Le nœud « Error Trigger » sera utilisé pour exécuter le programme. Ce nœud peut être connecté à n’importe quel nœud qui peut envoyer un message à l’utilisateur (nœud Gmail par exemple).

Dans le nœud du déclencheur d’erreur, un exemple de données de sortie est visible lorsque l’on clique sur le bouton « Listen For Event ». L’utilisateur peut utiliser les données de sortie pour envoyer un message plus spécifique lorsque le flux de travail échoue (par exemple, le nom du flux de travail qui a échoué peut-être ajouter au message). Après avoir complété le workflow d’erreur, il doit être ajouté au workflow original. Pour cela, l’utilisateur doit ouvrir son flux de travail d’origine et, à partir des paramètres, choisir le nom de son flux de travail d’erreur comme flux de travail d’erreur. Comme indiqué au début, les flux d’erreurs ne fonctionnent que pour les flux qui s’exécutent lorsqu’ils sont activés.

Exemple 3 : Sign Up

Le plan général

Dans cette automatisation, nous allons construire un processus d’inscription en utilisant le nœud Webhook Trigger. Pour cette automatisation, nous allons utiliser trois flux de travail distincts. Chacun commençant par un nœud Webhook. Le premier contient uniquement le nœud Webhook et Set. Le deuxième workflow contiendra le nœud Webhook après un nœud qui peut être utilisé pour envoyer des messages ( Exemple : le nœud Gmai) puis un nœud Set. Le troisième workflow sera le même que le premier. Une fois que le flux de travail général est correctement réalisé, il devrait ressembler à ce qui suit :

Après avoir placé tous les noeuds, la connexion entre le noeud Gmail et le deuxième webhook doit être supprimée. Puisque nous n’avons pas rempli les paramètres nécessaires dans le nœud Gmail, le programme donnera une erreur si nous voulons tester les flux de travail.

Nœuds de Webhook:

Pour l’authentification des nœuds de Webhook, nous choisirons aucune car nous voulons que chaque utilisateur ait accès à notre page d’inscription.  Pour les trois noeuds du Webhook, il faut choisir « GET » comme « Méthode HTTP », le chemin peut être choisi par l’utilisateur en fonction de l’objectif ( Exemple : inscription pour le premier, enregistrement pour le deuxième et verification pour le troisième), « Quand le dernier noeud se termine » comme « Réponse », « 200 » comme « Code de réponse », « Première entrée JSON » comme « Données de réponse ». Ensuite, dans les « Options », il faut ajouter « Property Name », qui peut être nommé « data » pour chaque noeud.

Premier Nœud de Set :

Dans le premier Set Node nous allons construire notre page d’inscription. Pour cela, nous utiliserons le langage HTML. Tout d’abord, il faut choisir « Keep Only Set » et écrire « data » comme nom de propriété pour le string. Nous utiliserons les mêmes propriétés pour les autres nœuds Set afin qu’il soit possible de les créer en doublant ce nœud. Comme pour la valeur du string nous utiliserons un code basé sur le langage HTML (n’oubliez pas de changer l’URL dans le code en fonction du vôtre, nous utiliserons l’URL de test lors de la construction de notre Workflow) :

<form method="GET" action = "https://n8n.example.com/ (URL du deuxieme Webhook) ">

   // Écrit "Email"
   <label for = "email">Email</label>

   // Crée un espace à remplir pour l'e-mail
   <input type "email" id="email" name="email"/>

   //Écrit “Nom”
   <label for = "Nom">Nom</label>

   // Crée un espace à remplir pour le nom
   <input type "nom" id="nom" name="nom"/>

   // Crée un bouton pour soumettre qui est écrit "S’abonner" sur lui
   <button type="S’abonner" >Subscribe</button>

</form>

Pour tester si le premier workflow fonctionne, nous exécutons le workflow, copions l’URL de test du premier Webhook et l’ouvrons dans un nouveau navigateur. Nous devrions voir la page ci-dessous:

Après avoir rempli les espaces email et nom, nous devons réexécuter le workflow pour que le deuxième Webhook puisse commencer à fonctionner. Comme nous n’avons pas écrit à l’intérieur du bouton set ou de notre nœud Gmail, cliquer sur le bouton s’abonner nous donnera une page blanche.

Nœud de Gmail:

Nous utiliserons ce nœud pour demander une vérification à l’abonné. Pour le nœud Gmail, OAuth2 sera utilisé pour l’authentification nécessaire. En créant un nouvel ID client OAuth dans votre Google Cloud Platform en utilisant l’URL donnée, vous pouvez obtenir les informations d’identification de l’ID client et du secret client. Pour le champ de la ressource, sélectionnez « Message » et pour le champ de l’opération, il faut choisir « Envoyer ». Le sujet peut être choisis comme l’utilisateur le souhaite. Pour le courrier du destinataire, nous utiliserons les données de sortie du nœud deuxième Webhook en ajoutant une expression : Current Node > Input Data > JSON > query > email. Pour le message, nous mettrons la troisième URL de test de Webhook comme adresse de vérification, des textes supplémentaires peuvent également être écrits dans le message ( Exemple : Veuillez vérifier votre adresse email en cliquant sur cette adresse : https://n8n.example.com/ (URL du troisieme Webhook) )

Deuxieme Nœud de Set :

Dans ce nœud, nous allons écrire le message qui sera affiché lorsque nous cliquerons sur le bouton d’abonnement. Après avoir rempli les paramètres nécessaires (la même avec le premier nœud de Set), pour la valeur du string nous utiliserons le code ci-dessous :

<hl>Vous êtes enregistré</hl>

Troisieme Nœud de Set :

Dans ce nœud, nous allons écrire le message qui sera affiché lorsque nous cliquerons le URL de vérification qui était envoyé par le nœud de Gmail. Après avoir rempli les paramètres nécessaires (la même avec le premier nœud de Set),  Pour la valeur du string nous utiliserons le code ci-dessous :

<hl>Votre adresse e-mail est vérifiée<hl>

Exécution :

Maintenant, pour contrôler notre flux de travail, nous pouvons l’exécuter. Il ne faut pas oublier qu’avant d’utiliser les URL, le flux de travail doit être réexécuté. ( Cela fait trois exécutions pour cette automatisation : avant d’ouvrir la page d’inscription, avant de cliquer sur le bouton d’abonnement, avant de cliquer sur le lien de vérification. )

Si chaque flux de travail s’exécute avec succès, nous pouvons maintenant activer le flux de travail. En activant le flux de travail, il ne sera plus nécessaire d’exécuter le flux de travail manuellement, mais il sera exécuté chaque fois que l’URL est ouverte. Après l’activation du flux de travail, chaque lien URL de test des Webhook doit être remplacé par les URL de production dans le flux de travail.

Comme il s’agit d’un flux de travail activé, un flux de travail d’erreur peut également être ajouté à partir des paramètres du flux de travail si vous le souhaitez. (Expliqué dans l’Exemple 2: Message d’Anniversaire)

Exemples de flux de travail Youtube :

Exemples de flux de travail simples :

• https://www.youtube.com/watch?v=JIaxjH2CyFc
• https://www.youtube.com/watch?v=ovlxledZfM4&t=418s
• https://www.youtube.com/watch?v=wGAEAcfwV8w
• https://www.youtube.com/watch?v=KFqx8OmkqVE

Erreur Workflow : https://www.youtube.com/watch?v=c1sIl4_wCVQ

Learn With Jason: What Can You Automate With n8n?

Learn With Jason : Custom Workflow Automation with n8n (with Matt Hojo)  

Veonum sponsor de Philippe Kerbrat  nageur sur le 18ème Défi des Courreaux du 25 juin qui a été décalé au  3 septembre au matin en faveur des personnes autistes du Pays de LORIENT.

le défi a été relevé avec Brio depuis l’Ile de GROIX jusqu’au continent.

Félicitation aux sports !