Tutorial

User Authentication with Bubble

In this video, we are going to learn how to add user authentication in Bubble application.

The presenter says that every application in Bubble by default handles user signup, login and logout for us.

Typically, setting up user authentication with a traditional framework takes hours of working around but in Bubble it’s all built-in and ready to go. We can also integrate with any platform like google, twitter or Facebook and it’s just straightforward. It also provides us with the design and workflow for handling our user signup and login for us.

From 00:37, he takes us through the signup form on the preview page. When we click on the signup button, it loads a pre-made form that we can fill out and signup for our application. Just when this workflow completes, a new user has been signed up to the app.

In this signup form, we have input elements that represent email and password. To allow the users to join our app, we need the users to fill this form. Whatever the user types into these inputs are the values we need to save.

At 01:03, he explains the subsequent workflow for this process. Which is ‘when this button is clicked’, sign the user up. In this section’s property editor, the only requirements for adding users to our app is making sure our inputs are correct. What we are actually doing here is telling Bubble to get the input values from the form and that’s the all.

From 01:20, the presenter takes us to the Data Tab which we studied earlier was just below the workflow tab. This tab is used to store the information. All the information is stored in Data Types panel in Data Tab. Data types are the way Bubble lets us express logic for our application.

These are the blueprints for the application we are trying to accomplish. Each data type comes with created and modified date field but the user type comes with a built-in field for storing the user’s email.

From there, Bubble takes it as a user to our database and we are done. This is what Bubble does for us. Instead of spending hours on back-end setups, Bubble allows us to focus on what makes our application unique by handling users out of the box.

Next, we’ll talk through our application’s database.

Leave a Reply

Your email address will not be published.

Back to top button