CATALOGUE Code & Data Formation Bubble Bubble - Créer une marketplace sans coder de A à Z

Créer un Système de Messagerie sur Bubble.io

Retour à la formation
Chapitre 6 Leçon 4
Précédent
Suivant

Cette vidéo explique étape par étape la création d'un système de messagerie avec Bubble.io en utilisant des workflows pour gérer les données et l'affichage.

Détails de la leçon

Description de la leçon

Dans cette leçon, vous apprendrez à créer un système de messagerie efficace en utilisant Bubble.io. La vidéo couvre la mise en place des inputs pour les messages, la configuration des workflows pour stocker et afficher les messages, et l'optimisation de l'interface utilisateur pour une meilleure expérience. L'instructeur vous guide à travers la configuration du groupe d'input, l'ajustement du padding, et l'alignement des éléments pour un affichage optimal. Vous découvrirez comment utiliser des variables dynamiques pour gérer les conversations actuelles et comment rafraîchir l'affichage des messages sans recharger la page. En outre, des astuces supplémentaires pour présenter le dernier message de manière concise sont également présentées.

Objectifs de cette leçon

Les objectifs de cette vidéo sont d'introduire l'utilisation des workflows dans Bubble.io pour créer des messages, d'optimiser l'expérience utilisateur en mettant en place une interface intuitive, et de connecter les données des messages aux utilisateurs actuels.

Prérequis pour cette leçon

Pour suivre cette vidéo, il est nécessaire d'avoir un compte sur Bubble.io, ainsi qu'une connaissance de base des concepts de développement web et de la gestion des bases de données.

Métiers concernés

Ce sujet est particulièrement pertinent pour les développeurs web, les freelance en création de solutions no-code, ou les startups souhaitant intégrer des fonctionnalités de messagerie dans leurs applications.

Alternatives et ressources

Des solutions alternatives incluent l'utilisation de plateformes comme Webflow ou WordPress, qui peuvent aussi intégrer des systèmes de messagerie via des plugins ou des extensions.

Questions & Réponses

Pour configurer l'input, vous devez d'abord créer un 'groupe input' dans lequel vous définissez la largeur et le padding. Ensuite, ajoutez un 'input' dans ce groupe et ajustez ses proportions en pourcentage du groupe total.
Les workflows permettent de définir les actions qui se produisent lorsqu'un événement se déclenche, comme la création d'un message. En configurant un workflow, vous pouvez enregistrer le contenu de l'input dans la base de données et l'afficher dans l'interface utilisateur.
Pour rafraîchir une conversation sans recharger la page, vous pouvez utiliser le workflow de navigation 'go to page' en sélectionnant la même page avec la conversation actuelle, ce qui met à jour l'affichage sans recharger entièrement.