So we’re going to take care of a lot of the unsexy work to begin with before we can go and build out the cool experience where someone can actually sign up or log in using their Facebook account. ![]() Before we can then go and build out all of the workflows within our actual Bubble application. So it just means that when someone signs into Facebook through your application, your app will communicate to Facebook and say, ‘hey, this person’s trying to log in, can I validate who they are?’, and can I please have some information about that account from which Facebook will then return the information that you need.Īnd so what we’re going to do is take the time to not only source our API keys here, but set up everything we need in the back. So essentially, API keys just allow your application to speak with your Facebook developer account. And one of the first things you’ll notice once you install the plugin is that you’ll need to connect a series of API keys into this plugin. What I am interested in doing is opening up our plug-in library here and just typing in the word ‘Facebook’, from which you’ll then see that there is a free Facebook login plugin, which is built by Bubble. These aren’t relevant to this particular tutorial. Now, you can ignore all of these existing plug-ins I have. So we’re going to head over to our plug-in tab here. But as I mentioned at this point of our tutorial, we’re going to need to install a plugin. I just wanted to create this so it builds out a sense of an actual user login experience. ![]() But for the sake of our tutorial, I’ve just jumped ahead and I built out a typical user registration interface.Īlthough, to be honest, we’re not going to be using these fields throughout our tutorial. So I’m going to show you how we can build that from scratch. And so the only thing I’ve done to this application up to this point is just created somewhat of a user registration page.īut one thing you might notice on this page is that there’s currently no option to add a Facebook login, and that is of course, exactly what I’m going to be teaching you. Now, this is just a test editor that I’ve created for the purpose of our tutorial today. So we’re going to jump into a Bubble application here. The first thing I want to cover on my list today is the process of installing a free plugin which is going to allow us to create our Facebook login experience. So let’s just grab our Bubble editor and we can dive right into. Look, there’s so much that I want to cover here. ![]() Then finally, I’m also going to explain how someone can also log out of your app. Note: This experience will not only cover how you can register new user accounts through a Facebook login, but of course how you can allow users to log into your app once they’ve already created an account. Then of course, how you can build out the workflows to make this entire experience functional, from which we’re then going to display users Facebook information inside of your own Bubble app. I’ll walk you through every single step of the process, from setting up your own Facebook developer account, connecting that account to your Bubble application through a set of API keys, and building out your own custom Facebook login button within your Bubble application. By the end of this guide, you’ll know exactly how to add your own Facebook login system into your Bubble app without writing a single line of code.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |