
Publié le
04
April
2022
7
minutes

Bubble est un outil de programmation visuelle qui permet de construire des applications web sans écrire de code traditionnel.
Dans cet article, nous allons plonger dans l’univers de Bubble pour découvrir les avantages et les contraintes de cet outil NoCode.
L’outil Bubble : L’histoire et les fonctionnalités
Depuis sa création en 2012 par Emmanuel Straschnοv, un français, et Josh Haas, un américain, Bubble s’est engagé à faciliter la vie des entrepreneurs. L’outil permet de lancer des projets sans avoir besoin de solliciter de développement traditionnel (du moins au départ, nous y reviendrons un peu plus loin). Fort d'une base d’utilisateurs mondiale de plus de 2 millions de personnes et de 2 levées de fonds dédiées à l’évolution de l’outil, Bubble n’arrête pas de s’améliorer.
Les fonctionnalités
L’outil est doté d’un éditeur en ligne accessible uniquement avec une connexion Internet, en mode Cloud, et d’une interface en drag and drop (glisser-déposer).
Une fois ton compte créé, tu peux profiter des fonctionnalités de la programmation visuelle via l’ajout, l’édition et la modification des blocs visuels ou des blocs logiques. Ce n’est pas nécessaire d’écrire du code traditionnel à ce stade.
Par exemple, tu peux créer une interface avec des textes, des entrées, des listes déroulantes et des boutons (presque tous les types d'éléments visuels). Ces éléments te permettent d’ajouter des logiques métiers comme "Si je clique sur ce bouton, cela créera un compte et mettra à jour les informations de l'utilisateur, telles que son nom, son téléphone et son e-mail, à partir des éléments de l'interface A, B et C."
.png)
En ce qui concerne la base de données, l’outil en a deux : une pour l’application en “dev” (développement) et une autre pour l’application en “live” (ou aussi appelé “prod” - production). Cela signifie que chaque application que tu souhaites développer avec Bubble possède deux versions : la version en développement qui permet le développement et la phase de recettage en dehors de la version en production. Pour passer de la version de développement à la version de production, un bouton "déployer" permet d'envoyer l'application en développement à l'application en production en seulement 5 secondes et donc de mettre ton application en ligne.
Côté sécurité, le développeur Bubble a également la possibilité de contrôler et de créer des règles de confidentialité (data privacy). Afin de restreindre l'accès à certaines données pour certains utilisateurs et dans certaines conditions, ce que garantit la confidentialité des données conformément aux règles métiers choisies.
Bubble permet également de gérer et d'être créatif en matière de design grâce à un écran dédié aux styles. Tu peux personnaliser les couleurs, les polices, les effets visuels de ton application, ce qui permet de créer une application sur mesure et alignée à ton image de marque. Voici un exemple de ce qu'il est possible de réaliser en matière de design avec Bubble :

Découvre notre Agence Bubble
Enfin, la dernière fonctionnalité, mais non la moindre, est la possibilité d'ajouter du code personnalisé ou d'effectuer n'importe quelle intégration d'API. Tu vois qu’ici on commence à parler d’ajouter du vrai code ?
Cela permet de dépasser les limites de Bubble et d'aller encore plus loin si tu as des compétences en développement ou si tu souhaites travailler avec des APIs. Le code développé peut ensuite être emballé sous forme de plugin pour faciliter son utilisation par d'autres développeurs Bubble, ce qui s'intègre parfaitement avec le paragraphe suivant.
Les avantages d'utiliser l'outil Bubble.io
- Le moteur responsive : Avec les principes du “flexbox” CSS, Bubble propose un développement plus facile pour s’adapter à tous les types d’écran.
- Le versionning : Il facilite la collaboration entre les développeurs en proposant des fonctionnalités de versionning pour le développement de projets.
- La bibliothèque de plugins : Elle regroupe l’ensemble des plugins développés par Bubble ou par les développeurs Bubble. Gratuits ou payants, ils permettent d’avoir accès à une fonctionnalité ou un service rapidement, pour un coût souvent dérisoire.
- La bibliothèque d’intégrations : Bubble propose une bibliothèque d’intégrations pour décupler la puissance de ton projet comme des intégrations à des CRM, à des réseaux sociaux, à des outils d’automatisation, de paiement et bien d’autres encore.
- La communauté : L’outil possède une communauté très engagée, que ce soit sur leur forum officiel (Bubble Academy) ou dans plusieurs types de contenus publiés en ligne (des articles de blog, des vidéos, réseaux sociaux, etc.).
Les contraintes de l’outil
- Optimisation SEO limitée : Bubble n’offre pas une optimisation avancée pour le référencement naturel. Le temps de chargement des pages peut être considéré comme long pour un moteur de recherche. Si l’objectif est de créer un site vitrine avec une stratégie d’optimisation SEO très forte, peut être qu’il vaut mieux se tourner vers un outil comme Webflow.
- Hébergement des données : Par défaut, les données sont hébergées sur les serveurs d’Amazon AWS aux États-Unis. Si tu veux héberger tes données en Europe, il faut faire une demande spécifique à l’équipe Bubble et cela peut entraîner des frais supplémentaires. Ou tu peux utiliser un autre outil back-end, type Xano.
- Absence d’outils de testing intégrés : Il ne propose pas nativement d’outils de tests unitaires, de tests de non-régression ou de tests d'interface et de logique métier. Pour cela tu dois mettre en place tes propres tests et utiliser des outils tiers.
- Temps d’apprentissage : La courbe d’apprentissage peut être plus longue par rapport à d’autres outils NoCode sur le marché. La plateforme propose plusieurs fonctionnalités et il faut du temps pour pouvoir vraiment maîtriser l’outil.
- Accès restreint au code source sous-jacent : Bubble ne propose pas l’export du code source, seulement la possibilité d’avoir une représentation de son application sous forme de Json.
- Le calcul des WUs : Un Workflow Unit est l’unité de mesure qui évalue chaque action réalisée sur ton application, traitée par Bubble. Bien que difficile de prévoir exactement le coût d’une application, elle force toutefois à développer de manière propre en éliminant les interactions non nécessaires des fonctions de l’application.
Conclusion
Bubble est un excellent outil all-in-one, il contient tout ce qu’il faut à lui tout seul pour fonctionner : éditeur, base de données, back et front-end. Il ne se prive pas cependant de suppléments à ajouter et permet un développement d’applications web ou mobile rapide dès qu’il est bien maîtrisé.
Avec son large panel de composants customisables, ses fonctionnalités accessibles par le simple biais d’un cloud et sa large communauté, Bubble reste un premier choix pour la conception et le développement d’applications web (SaaS, marketplace, outils métier) en fonction des besoins du projet.