Cette vidéo est la quatrième de la série de 10 vidéos d’introduction à l’outil NoCode Bubble en Français !
Un Workflow est la façon dont nous exprimons ce que fait une application dans Bubble.
Pour pouvoir suivre ce « tutoriel Bubble », il est conseillé de cliquer sur le bouton du dessus pour voir la vidéo en même temps.
Ce que nous voyons ici sont les Workflow pour la page actuelle, car chaque page à ses propres workflows.
Pour vous montrer, je vais créer un premier événement et modifier la page pour ajouter une alerte.
Comme nous l’avons vu dans la vidéo précédente, il suffit de choisir l’élément voulu et l’insérer dans la page, je modifie ses propriétés rapidement, c’est une chose que nous verrons dans la prochaine vidéo.
Maintenant que j’ai ajouté l’alerte, je vais ajouter l’événement personnalisé.
Donc dans cet exemple, les workflows de notre page d’index sont déclenchés par un événement qui est préfixé par le mot-clé When, qui veut dire “lorsque”.
Lorsque, par exemple, avec ce workflow, nous avons un événement de pages chargée, nous avons une action qui va montrer une alerte.
Donc quand on charge la page, cela affiche une alerte.
Les événements se déclinent en quelques catégories, mais la plupart des événements sont déclenchés lorsqu’un élément est cliqué.
Et quand vous voulez ajouter un événement, il y a beaucoup de catégories :
- Account : pour interagir avec les utilisateurs
- Navigation : pour faire naviguer l’utilisateur entre les pages
- Data : pour lire et écrire dans votre base de données
- Email : pour envoyer des emails aux utilisateurs
- Payments : pour toutes les fonctionnalités de paiement
- Analytics : pour le suivi de tout événement sur votre application
- Actions : pour les actions effectuées par les éléments sur la page
- Plugins : pour lorsque vos plugins ont des fonctions supplémentaires, cela s’affiche ici
- Et Custom Events : pour la planification des événements personnalisés et API Workflow, que nous verrons plus tard dans une autre vidéo
Toutes ces catégories sont décomposées en tout ce dont vous aurez besoin finalement pour créer votre propre application.
Dans ce Workflow, nous déclenchons l’événement “lorsque ce bouton est cliqué”, puis nous déclenchons ses actions. L’action de l’étape 1 envoie un email.
Et l’action de l’étape suivante affiche la même alerte que l’autre Workflow, mais avec des textes différents.
Les actions comme celle-ci permettent une certaine flexibilité dans votre logique, vous pouvez avoir autant d’actions que vous le souhaitez pour votre événement.
L’ordre de ces actions se fait action par action. Ainsi, les étapes dans lesquelles vous faites exécuter vos actions sont importantes pour le résultat escompté.
Comme nous l’avons programmé, lorsque la page est chargée, notre alerte apparaît. Donc ce workflow s’est déclenché. Et si nous saisissons une adresse email dans notre zone de saisie et que nous cliquons sur le bouton, nous avons envoyé un email à cette adresse.
Et notre alerte apparaît avec le texte mis à jour. C’est la programmation de votre application Web à l’aide de bubble, et cela se fait en quelques clics dans l’onglet des workflows.
Maintenant que nous savons comment créer des workflows et ajouter des éléments à la page, nous allons découvrir l’éditeur de propriétés dans la vidéo suivante !
