Créer des actions personnalisées Adalo avec les webhooks Integromat (2021) - Des superpouvoirs low-code

AVERTISSEMENT : ce contenu reste en ligne à des fins d'apprentissage, mais Ops Machine recommande expressément de NE PAS utiliser Adalo. Pendant la période où nous l'avons utilisé, il s'est montré terriblement peu sécuritaire, incomplet et, en gros, à peu près impossible à utiliser pour livrer quoi que ce soit.

De plus, la bibliothèque de composants Pragmaflow n’est plus maintenue, après avoir été brisée à répétition par les mises à jour de la plateforme Adalo.

‍

‍

Ce tutoriel vous montre comment créer des actions personnalisées dans Adalo, puis utiliser Integromat pour vous connecter à d’autres plateformes.

Sites que je mentionne :

• https://www.integromat.com/?pc=pragma…)

(C’est notre lien de partenaire Integromat; ça nous aide si vous l’utilisez!)

Pour rendre ça concret, j’ai pris comme exemple la mise en place d’une réinitialisation de mot de passe personnalisée. Dans cette vidéo, j’utilise une version modifiée de la réinitialisation de mot de passe personnalisée de Victor Kuzmichev (tutoriel ici : https://forum.adalo.com/t/adalo-tutor…))

‍

‍

Transcription

‍

Salut tout le monde, ici Mitch de l'équipe Pragma flow. Je me suis dit que je ferais un petit tutoriel vidéo pour vous montrer comment tirer parti des actions personnalisées, jouer un peu avec Integra, et vraiment sortir du cadre d'Addo : aller un cran plus loin pour bâtir tout ce qu'il vous faut pour vous connecter à d'autres applications. Bref, vous donner toute une panoplie de nouveaux superpouvoirs.

Ce n'est pas trop, trop compliqué. Je pense que celui-ci va, celui-ci va être vraiment utile. Aujourd'hui, je vais vous montrer comment bâtir une action personnalisée qui va vous permettre de faire une réinitialisation de mot de passe personnalisée. La réinitialisation elle-même, Victor l'a déjà bâtie, et il a fait de l'excellent travail.

Je vais mettre un lien vers sa vidéo qui montre comment bâtir cette partie-là. Et, attendez, je vais partager tout mon écran avant, avant de faire une vidéo qui n'est pas tout à fait complète. Alors voilà, on a le genre de configuration que vous allez reconnaître si vous avez vu la vidéo de Victor, et très rapidement, voici comment ça fonctionne : l'utilisateur tape son courriel.

Ici. Ce bouton est à l'intérieur d'une. Cette liste cherche, au fond, filtre pour trouver un utilisateur dont le courriel est le même que celui tapé là. Ça va donc retourner un seul résultat. Et oui, au fond, le bouton lui-même va pouvoir, vous savez, faire le lien et aller chercher les données de cet utilisateur. Quand on fait cette action de mise à jour par ici, on crée pour l'utilisateur un code OTP aléatoire.

C'est pas mal l'essentiel de comment ça marche.  Ce dont on a besoin ici, c'est d'une action personnalisée. On va donc créer une nouvelle action personnalisée et on va l'appeler download demo password reset. On va cliquer sur create par ici. Et là, ça va nous demander une URL. J'en ai déjà créé une en faisant un peu de.

Mais vous savez quoi, pour le plaisir, pourquoi ne pas juste recommencer à zéro? Bon. J'ai cliqué sur new scenario et je vais juste commencer à taper web hooks. Et voici mon module Webhooks. Le module Webhooks va, au fond, écouter toute requête qu'on lui envoie. C'est donc un excellent point de départ, et ça nous permet de nous connecter à AALA.

L'autre module que je vais ajouter, ce sera probablement Gmail, parce que ça va rendre ça simple. Commençons par le custom webhook. Quand on fait ça, on peut en créer un nouveau, et lui donner un nom parlant, c'est vraiment une bonne. Ici, on va l'appeler download demo, password reset webhook, et si on veut un nom parlant, c'est qu'on peut facilement s'y perdre.

Si vous en avez 5, 6, 7, 8, ça peut être vraiment facile de perdre le fil de ce qui est quoi. Et là, vous commencez à perdre du temps pour rien. Quand vous arrivez à cet écran, vous allez voir cette URL par ici, que je peux copier dans le presse-papiers.  Vous voyez aussi ce petit bouton stop, parce qu'Integra est en train d'écouter. Il est vraiment bon pour deviner la structure des données que vous allez lui envoyer, mais comme on envoie une action personnalisée, on peut vraiment envoyer toutes sortes de choses.

Je vais vous montrer de quoi ça a l'air du côté d'Al. Voici l'URL de base que j'ai prise du web book d'integr Matt. On va envoyer un POST parce qu'on envoie de la nouvelle inform.  Et ensuite, ce dont on va avoir besoin, c'est de quelques entrées. Dans ce cas-ci, il y a deux ingrédients. On a email, qui va être du texte.

Et un exemple de ça, ce serait quelque chose comme email, email.com. Vous pouvez faire le vôtre, vous amuser avec ça. Si vous voulez, l'autre chose qu'on va faire, c'est envoyer le mot de passe OTP. Le mot de passe à usage unique qui va servir pour la réinitialisation. Et une valeur d'exemple, comme c'est six chiffres, c'est quelque chose comme 1, 2, 3, 4, 5, 6.

Ça marche, et on a ajouté ces entrées, mais maintenant il faut réellement envoyer ces entrées dans la requête. On va donc ajouter un paramètre de requête. Le premier, ce sera email. J'aime utiliser le même nom pour les deux. Ce n'est pas obligatoire, mais je trouve ça un peu plus simple. On va utiliser du Magic Text pour brancher l'entrée email que j'ai créée juste ici.

Ensuite, on va faire exactement le même paramètre de requête. Et celui-ci, ce sera OTP pass word. Et encore une fois, on va utiliser du Magic Text pour le brancher. On va lancer notre requête de test, et ça a réussi. Génial. On peut enregistrer notre action personnalisée. Si on regarde dans Integra, on va voir successfully determined. Et si vous voulez savoir ce que ça a envoyé, essayons d'aller le chercher.

Avec un autre module. Je vais utiliser Gmail et on va envoyer un courriel. J'ai déjà une connexion ici, mais c'est assez facile d'en ajouter une. Le premier champ, c'est To, alors on va ajouter un destinataire, et ce destinataire, ce sera la personne qu'on a mise dans l'entrée email, et oui. Subject. Une très bonne pratique, c'est d'inclure le.

Dans l'objet, ça rend les choses beaucoup plus faciles pour votre utilisateur, surtout s'il est sur son téléphone. C'est beaucoup plus visible. Donc password reset code ici, je ne vais pas faire la version la plus extraordinaire. Juste un rapide « voici votre code ». Peut-être, peut-être qu'on enroberait ça un peu plus. Mais voilà.

On branche le courriel, on branche le mot de passe. Et c'est tout. On est prêts. Si vous essayez de faire le composant Gmail avant d'avoir obtenu la structure du webhook, vous ne verrez pas ces variables pour le courriel et pour le mot de passe à usage unique, parce qu'un download ne sait pas encore quelles données il va recevoir.

Si vous décidez que vous voulez ajouter un paramètre, disons qu'on ajoute name parce qu'on veut s'adresser à la personne par son nom, on n'aurait qu'à cliquer sur redetermine data. S. Et envoyer une nouvelle requête de test, et ça se mettrait à jour. C'est vraiment astucieux et plutôt bien fait comme ça, avant d'aller plus loin.

Il y a une étape vraiment importante. Et c'est, à partir de cette action personnalisée, quand vous cliquez sur le bouton par ici, il faut lui dire quelle valeur brancher pour email.  Comme ce bouton est dans une liste et que cette liste filtre selon l'adresse courriel ici, au lieu de faire logged in user, parce que quelqu'un qui a oublié son mot de passe n'est probablement pas connecté.

On veut faire current user. On va donc faire current user email. On va faire current user password reset OTP, et c'est bon. Maintenant, si je fais une démo, et en passant, une très bonne pratique de test, c'est, vous savez, j'ai mis cette page comme page d'accueil pour l'instant, juste pour que quand je clique sur Preview, on arrive directement là et que je n'aie pas à passer par deux ou trois autres écrans pour y arriver.

On y va. Mon courriel est déjà tapé depuis mon dernier essai. Je vais donc envoyer le code de vérification. Avant de faire ça, c'est important de. Et vous pouvez soit l'activer si vous êtes prêt à le faire tourner en permanence, soit juste faire Run once. J'aime faire Run once parce qu'on a le petit cercle qui tourne. Ça nous montre qu'il attend.

C'est vraiment pratique pour tester. Quand j'envoie mon code de vérification, je peux voir une action pour vrai. On peut vérifier : email Mitch Pragma flow.com, OTP password. Le voilà. On sait donc que ça a été bien rempli. On peut voir encore une fois à qui ça a été envoyé. Here's your code? Tout s'est passé à peu près comme prévu.

Et la dernière étape, ce sera juste de vérifier mes courriels pour voir si le courriel est arrivé comme prévu, et c'est le cas, alors on est chanceux. C'est donc comme ça qu'on crée une action personnalisée. Et c'est comme ça qu'on utilise Integra pour faire des automatisations vraiment de base. Une autre chose intéressante dont je vais parler dans integr.

Vous pouvez utiliser directement le, le module Diallo pour faire des changements dans votre bibliothèque Diallo. Et c'est une fonctionnalité vraiment géniale. Voici toutes les fonctions d'API de base que vous pouvez faire avec a Dialo. Si vous les écriviez de façon plus personnalisée, vous pouvez aller chercher la liste de tous les enregistrements. Vous pouvez aller chercher un enregistrement précis, par contre.

Il vous faut l'ID, et pour obtenir l'I. Vous devez d'abord aller chercher la liste des enregistrements, à ma connaissance; j'espère que ça va changer bientôt. Ce n'est pas la meilleure façon de faire. Vous pouvez ajouter un enregistrement, vous pouvez mettre à jour un enregistrement, encore une fois il vous faut l'ID, vous pouvez supprimer un enregistrement ou vous pouvez faire un appel d'API un peu plus général.

Et au fond, les fonctions listées sont les fonctions disponibles. Mais si vous aimez aller plus loin dans le personnalisé, vous avez ça. C'est donc comme ça qu'on utilise les actions personnalisées dans ADAO, avec les webhooks. Inma pour faire toutes sortes de choses folles. J'espère que ça vous a plu. Alors aimez la vidéo et abonnez-vous. Je pense que c'est ce qu'on est censé dire, c'est ce que tous les youtubeurs font, et voilà.

Envoyez des commentaires. Si vous avez des questions, si vous voulez savoir quoi que ce soit, écrivez-nous, et si vous avez besoin d'aide pour vos projets add. Écrivez simplement à Mitch Pragma flow.com ou info Pragma flow.com, allez voir notre site Web, peu importe ce que c'est, dites-nous comment on peut vous aider. Toute notre mission, c'est d'aider les entrepreneurs et les autres créatifs et développeurs à atteindre leurs objectifs de projet, à atteindre leurs objectifs de carrière, et à vraiment prendre plaisir à ce qu'ils font.

Merci d'avoir regardé.

‍