No-Code: Créer et gérer une base de données avec Bubble

Une application, c’est bien sûr son design, mais c’est aussi, et surtout, sa gestion des données. Sans une bonne organisation des données, l’application perd tout son sens. Heureusement, sur Bubble, gérer les données devient un jeu d’enfant, et tout ça sans avoir à écrire une seule ligne de code ! Dans cet article, on va voir comment ça marche et comment vous pouvez gérer facilement les bases de données pour votre application. Pour faire suite au précédent blog, nous allons reprendre à partir de l'étape 4 du processus de création d'une page web.

Étape 4 : Comprendre la gestion des données sur Bubble

Quand vous vous lancez sur Bubble, l’une des premières choses que vous allez comprendre, c’est que la gestion des données est au cœur de votre projet. Que ce soit pour stocker des utilisateurs, des produits ou même des tâches, il est crucial d’organiser vos données correctement. De toute façon, Bubble vous permet justement de tester cette organisation en temps réelle afin d'ajuster le tout en cas de pépin.

Bubble fonctionne avec des types de données et des champs. Un type de données, c’est un objet que vous voulez sauvegarder dans votre base (par exemple: un utilisateur, un produit, une tâche). Et chaque type de données peut avoir plusieurs champs qui décrivent les informations liées à cet objet (par exemple : pour un utilisateur, vous aurez des champs comme le nom, le prénom, l’email, la date de création, etc.).

Étape 5 : Créer des types de données et ajouter des champs

Dès que vous êtes dans l’éditeur de Bubble, allez dans l’onglet "Data" à gauche, puis cliquez sur "Data Types". Là, vous allez pouvoir créer un nouveau type de données, comme par exemple "Projet" si vous faites une application de gestion de projets. Ensuite, vous ajoutez les champs qui vont avec : "Nom du projet", "Description", "Date de création", etc.

Ce qui est vraiment top sur Bubble, c’est que vous pouvez créer des relations entre ces types de données. Par exemple, un utilisateur peut avoir plusieurs projets, et vous pouvez lier ces deux types ensemble sans prise de tête.

Étape 6 : Manipuler les données avec des workflows

Une fois vos types de données créés, il est temps de les manipuler. C’est là que les workflows entrent en jeu. Un workflow, c’est une action qui se déclenche lorsque l’utilisateur interagit avec votre application : par exemple, lorsqu’il clique sur un bouton ou soumet un formulaire.

Imaginons que vous avez un formulaire pour ajouter un projet. Vous allez créer un workflow qui prend les informations soumises et les enregistre dans votre base de données. Sur Bubble, c’est simple : dans l’éditeur de workflow, vous devez tout d'abord créer un écènement dans la section Workflow. Dans celle-ci, vous ajoutez l’action "Create a new thing", choisissez le type de données (par exemple, "Projet") et remplissez les champs avec les données du formulaire. Votre projet est enregistré dans la base de données, sans avoir à coder quoi que ce soit.

Étape 7 : Tester vos données en temps réel

Le meilleur dans tout ça, c’est que vous pouvez tester votre application en temps réel comme je vous ai dit précedemment. Dès que vous avez configuré vos workflows et vos types de données, vous pouvez cliquer sur "Preview" (tout en haut à droite) pour voir si tout fonctionne comme prévu. Par exemple, si vous avez un formulaire pour ajouter un projet, vous pouvez tester en remplissant le formulaire et en vérifiant que le projet est bien enregistré dans la base de données. C’est vraiment pratique, car vous pouvez corriger tout de suite les petites erreurs ou ajuster ce qui ne fonctionne pas.

Conclusion

Et voilà, vous avez maintenant les bases pour gérer les données de votre application sur Bubble. Vous savez comment créer des types de données, ajouter des champs, manipuler ces données via des workflows, et tester en temps réel si tout fonctionne bien. Ces étapes sont essentielles pour construire une application fonctionnelle et dynamique.

Dans le prochain article, on verra comment ajouter des fonctionnalités à votre app grâce aux plugins. Envie d’intégrer des paiements ou l'envoie des emails? C’est ce qu’on va découvrir ensemble. À très vite !

Références:

• "Formation Bubble.io : comment créer une app sans coder - GUIDE COMPLET DÉBUTANTS 2025", Maxime Gadras, https://www.youtube.com/watch?v=wi_wgBcbAJU (vidéo consultée le 28 février 2025)
• "Bubble: tout savoir pour débuter", Superforge, https://www.superforge.io/articles/bubble-tout-savoir-pour-debuter (page consultée le 28 février 2025)