Authenticating Users with Firebase Authentication Service Playbook

Ionic and Firebase are among the fastest growing technologies for mobile and web applications. This course will teach you the skills needed to authenticate users using Firebase's authentication service and its real-time database to store information.
Course info
Level
Intermediate
Updated
May 14, 2018
Duration
3h 39m
Table of contents
Course Overview
Getting Started
Setting up the Application
Setting up a Form
Email Authentication
Google Authentication
Twitter Authentication
GitHub Authentication
Description
Course info
Level
Intermediate
Updated
May 14, 2018
Duration
3h 39m
Description

At the core of any good web or mobile application is the ability to let a user login using several different ways. In Authenticating Users with Firebase Authentication Service Playbook, you’ll gain a sound knowledge of how to do this with Firebase and Ionic. First, you’ll learn how to create an Ionic application. Next, you’ll explore how to create a login and create user form. Finally, you’ll discover how to authenticate users using several different authentication methods and store that user data in real time. When you’re finished with this course, you’ll have a foundational knowledge of authenticating users with Firebase that will help you as you move forward to creating mobile and web applications.

About the author
About the author

Todd Shelton is a Front-End Web Developer making mobile/web applications. He is a lecturer at IUPUI's School of Informatics and Computing in Indianapolis, Indiana. He runs a successful user group called Dev Workshop, and hosts an annual conference in Indianapolis, IN called Dev Workshop Conf.

More from the author
JavaScript Animation with GSAP
Beginner
3h 12m
Apr 7, 2016
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hello everyone, my name is Todd Shelton, and welcome to my course on Authenticating Users with Firebase Authentication Service Playbook. I'm a freelance full stack developer, as well as a lecturer at Indiana University in Indiana. Learning this topic will help your users log into your website using different authentication methods. In this course, we're going to be going over how to create a login form, how to create a create user form, how to create your account in Firebase and use the real-time database, how to authenticate users using Google, Twitter, GitHub, and also email and password. By the end of this course, you'll be able to authenticate users or give your users several different ways to authenticate or log into your website. Before beginning this course, you should be familiar with building an ionic application. From here, you'll be able to create very dynamic sites that allow users to log in or log off using different methods to log in. I'll hope you'll join me on this journey to learning Authenticating Users with Firebase Authentication Service Playbook at Pluralsight.

Setting up a Form
In this module, we're going to be talking about how to set up our forms inside of our Ionic project. We're going to learn how to create the forms in both the login page and the create or register page. We're going to be using Formbuilder from Angular to create our forms, and that's all done over in our ts files. We're going to talk a little bit about validators, how to make our inputs required, and how to set the email validator. Then we're also going to talk about how to get the output out of our forms and at least see them in the console, so then we can move on and start authenticating our user. Now that we know what we're going to be creating in this module, let's get started.

Twitter Authentication
In this module, we're going to be allowing our users to authenticate through Firebase using Twitter. Some of the things that we're going to cover during this module are going to be enabling our Twitter authentication inside of Firebase. We're going to create a Fabric account, and I'm going to talk about that in the next slide. We're going to install native plugins that we need to enable Twitter for our application. We're also going to be creating authentication code inside of our application, so a user can authenticate themselves. Now we're going to be using Fabric, and here's the URL to Fabric I/O. And why are we going to be using Fabric? It's because we want to give our users more of a native experience instead of letting them type in with a little bitty popup; this will give them more of a native experience in all of the platforms. We're going to install the plugin Twitter Connect Plugin. Here is the path for that plugin. Of course, once we get our Fabric key, you'll be able to replace where it says YourFabricAPIKey with the one that you get from Fabric. And finally we're going to enable Twitter inside of Firebase and add your app key and the secret key that you'll need to get Firebase working. Let's go get started creating our Twitter authentication.

GitHub Authentication
During this module, we're going to learn how to enable GitHub authentication inside of Firebase and get the callback link we need to then register our application with GitHub. We're going to add our keys that we get from GitHub to Firebase. And then to wrap it all up, we're going to create the code for authentication. One thing you do need is the URL to register your app with GitHub, and that you can find right here. Let's go start authenticating our users using GitHub.