Les Workflows : la logique derrière une application Bubble

📅 9 mars 2024

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 !

Créez n'importe quel site ou application sans coder ! 🤩

Logo Bubble.io
  • Interface Visuelle Intuitive
  • Très Flexible
  • Base de Données Intégrée
  • Outil Complet
  • Communauté Réactive
  • Nombreux Thèmes et Plugins

Meilleur Hébergeur WordPress du marché 🚀

Logo Kinsta
  • Service 100% Infogéré
  • Services (PHP, MySQL, Nginx...) Et Ressources (12 CPU, 8GB Ram) 100% Isolés
  • Serveurs C3D Google Cloud 2024
  • Staging et Backups Multiples Inclus
  • Cloudflare Entreprise Inclus Gratuitement
  • Migrations Gratuites par Kinsta
  • Support 24/7/365 Expert
  • Hébergement WordPress, NodeJS, Laravel, React...

Meilleur Créateur de sites WordPress 🤯

Logo Breakdance
  • Ultra Complet
  • Très Puissant Et Simple À Utiliser
  • Axé Sur La Performance (Obtenez 100% sur Google)
  • Sites Illimités
  • Créez Des Sites Superbes, Puissants Et Rapides En Un Temps Record !
Laisser un commentaire
Laisser un commentaire

Votre adresse courriel ne sera pas publiée. Les champs obligatoires sont indiqués avec *

    Il n'y a pas encore de commentaire à afficher. Soyez la première personne à laisser un commentaire ! ❤️

    CADEB a été développé avec l'excellent Breakdance, et est hébergé chez Kinsta, le meilleur hébergeur WordPress sur marché.
    Ce site contient des liens d'affiliation, cela ne vous coûte rien mais vous permet d'apporter indirectement votre soutien pour mon travail.

    ©2024 CADEB, Tous droits réservés. Toute reproduction, même partielle, est interdite.