Créer son application avec Bubble.io : les workflows

Créer son application avec Bubble.io : les workflows

15 sept. 2024

Maxime Gadras

Maxime Gadras

Bubble - Les workflows
Bubble - Les workflows
Bubble - Les workflows

Qu’est-ce qu’un workflow ?

Un workflow (flux de travail en français) est, dans sa définition la plus simple, une succession d’actions qui permettent de réaliser une ou plusieurs tâches.

 

Prenons un exemple simple, comme faire une lessive. 

 

Pour effectuer cette tâche, voici le “workflow” qui va être mis en place : 

  • Sortir le linge du panier

  • Séparer le blanc des couleurs

  • Mettre le linge dans la machine

  • Ajouter la lessive

  • Choisir le programme et appuyer sur start

  • Sortir le linge

  • Étendre le linge

 

Cette succession d’actions qui vous a permis de laver votre linge est un workflow ! 

Un workflow est donc une suite d’actions ordonnées qui permettent d’accomplir un objectif précis. 


Utilisation des workflows dans Bubble

Les workflows sont à la base de toutes les actions et intéractions qui ont lieu au sein de votre application.


À quoi sert un workflow ?

Comme nous l’avons vu précédemment, ces derniers vont permettre de réaliser différentes actions au sein de l’application : afficher une popup, connecter un utilisateur, changer de page…

 

Le concept de workflow a été créé au sein de Bubble pour que ceux-ci répondent à une logique de programmation. 

 

Les workflows sont, de manière générale, propres à la page de l’application sur laquelle ils ont été assignés.

Des workflows sur une page Bubble

Une page Bubble remplie de workflows.


Comment déclencher un workflow ?

Un workflow se déclenche en fonction d’un évènement. 

Cet évènement peut être de différents types et permet de déclencher la série d’actions du workflow.

 

Voici quelques exemple de type d’évènement déclencheurs : 

  • Lorsque la page se charge

  • Lorsque la valeur d’un input change

  • Lorsque l’utilisateur clic sur un élément de la page (un bouton par exemple)

Workflow trigger

Dans ce cas précis, le workflows se déclenche lorsque l'utilisateur clique sur un bouton.

Afin de pouvoir affiner le contrôle qu’ont les développeurs sur le comportement de leurs applications, Bubble offre la possibilité d’ajouter des conditions de déclenchement pour chaque workflow. 

 

Ainsi, une série d’actions pourra dans certains cas ne s’exécuter uniquement si une certaine condition est remplie.

 

Exemple :

Le worfklow : Lorsque l’utilisateur clique sur le bouton “Admin” → rediriger l’utilisateur vers la page “Tableau de bord administrateur” ne pourra s’effectuer que si l’utilisateur est de type “Admin”.

Workflow avec condition

L'action du workflows ne se déclenche que si l'utilisateur est de type "Admin".


Typologies de workflows

Il existe deux principaux types de workflows au sein de Bubble : 

 

  • Les workflows classiques, exécutés sur la partie “front” de l’application (c’est à dire du côté de l’utilisateur)

  • Les backends workflows, exécutés sur la partie serveur

 

Bien que les backends workflows proposent de nombreuses possibilités de programmation supplémentaires vis à vis des workflows classiques (possibilité de les programmer dans le temps par exemple), le principal intérêt est qu’ils permettent d’optimiser l’expérience utilisateur en améliorant les temps de réponses de l’application. 

 

En effet, ces derniers étant exécutés côté serveur, l’application n’aura pas à attendre leur complétion pour afficher ce que l’utilisateur souhaite voir.


Catégories de workflows

Bubble ayant pour vocation de vous simplifier la vie, les différentes actions que vous pourrez intégrer au sein de vos workflows sont classées par catégories. 

 

Il en existe de nombreuses, qui vous permettront de faire réagir votre application de manière très précise.

 

Parmi les catégories disponibles, on peut citer : 

 

  • Account, pour les actions qui touche au compte utilisateur

  • Navigation, pour tout ce qui touche aux pages interne ou externe sur lesquelles l’utilisateur peut être amené à se rendre

  • Data, pour toutes les actions qui auront un impact sur la base de données de l’application

 

Mais il en existe beaucoup d’autres !


Catégories actions workflows

Les différentes catégories d'actions.


Pour aller plus loin...

Si vous souhaitez voir concrètement comment s’utilisent les workflows au sein d’une application Bubble, voici une vidéo issue de ma chaîne Youtube qui vous résumera l’ensemble des concepts que nous venons de voir :


Envie d'apprendre à te servir de Bubble pour

créer tes applications sans coder ?

Envie d'apprendre à te servir de Bubble pour

créer tes applications sans coder ?

Envie d'apprendre à te servir de Bubble pour

créer tes applications sans coder ?

Reçois dès-maintenant par email plusieurs modules vidéo (1h de cours) extraits de
ma formation Masterclass Bubble™,
afin d'apprendre à te servir de l'outil et donner vie à tes projets d'apps !

Reçois dès-maintenant par email plusieurs modules vidéo
(1h de cours)
extraits de ma formation Masterclass Bubble™,
afin d'apprendre à te servir de l'outil et donner vie à tes projets d'apps !

Reçois dès-maintenant par email plusieurs modules vidéo (1h de cours)
extraits de ma formation
Masterclass Bubble™,
afin d'apprendre à te servir de l'outil et donner vie à tes projets d'apps !

Copyright © 2024 Maxime Gadras