Créer un système de Connexion, Inscription et Déconnexion avec Bubble

📅 9 mars 2024

Cette vidéo est la sixième de la série de 10 vidéos d’introduction à l’outil NoCode Bubble en Français !

Bubble part du principe que votre application devrait pouvoir s’appuyer sur un système de gestion des utilisateurs simple. 

Ainsi, chaque application gère automatiquement l’inscription, la connexion et la déconnexion des utilisateurs à votre place. 

La mise en place de l’authentification des utilisateurs se fait généralement avec un framework traditionnel. Cela demande des heures de développement, mais avec Bubble, c’est intégré et prêt à l’emploi.

Vous pouvez même intégrer n’importe quel service comme Google, Twitter ou Facebook, et c’est tout aussi simple et direct.
L’assistant d’application va encore plus loin et nous a fourni le design et le workflow pour gérer l’inscription et la connexion de vos utilisateurs.

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.

Dans la vidéo, nous avons un bouton pour l’inscription et la connexion sans même faire quoi que ce soit.

Il charge un formulaire pré-fait que nous pouvons remplir pour nous inscrire à notre application.
Et comme ça, quand ce workflow se termine, un nouvel utilisateur a été inscrit à l’application. Remarquez que nous avons quelques champs de formulaire pour enregistrer une adresse email et un mot de passe.
Afin de permettre aux utilisateurs de rejoindre notre application, nous avons besoin que l’utilisateur remplisse ce formulaire.

Ce que l’utilisateur tape dans ces entrées sont les valeurs que nous devons sauvegarder. Le workflow qui s’en occupe est montré dans la vidéo : lorsque vous cliquez sur le bouton, vous inscrivez l’utilisateur dans l’éditeur de propriétés de cette action spécifique, vous remarquerez que la seule condition pour ajouter des utilisateurs à votre application est de s’assurer que vos entrées sont correctes.

Ce que nous faisons ici, c’est dire à Bubble de récupérer les valeurs entrées dans le formulaire.
Et c’est tout.
Nous stockons ces informations dans l’onglet Datas.
Les Data Types ou types de données représentent la manière dont bubble nous permet d’exprimer la logique de notre application. Considérez-les comme le type d’objet que vous essayez de créer.

Chaque type de données est livré avec un champ intégré de date de création et de modification, et le type “User” est livré par défaut avec un champ intégré pour stocker l’adresse e-mail de l’utilisateur, c’est ici que nous enregistrerons l’adresse email de nos utilisateurs, d’ailleurs vous ne voyez rien concernant les mots de passe, c’est normal, Bubble s’occupe de cette partie également, comme ça concerne une part de sécurité importante de l’application, donc en gérant les utilisateurs dès le départ, Bubble nous permet de nous concentrer sur ce qui rend nos applications vraiment uniques, au lieu de passer des heures à configurer ces parties en arrière plan.

Dans la prochaine leçon, nous allons examiner la base de données de nos applications.

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 le 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.

    ©2025 CADEB, Tous droits réservés. Toute reproduction, même partielle, est interdite.
    Hébergé par Kinsta