Ionic - Authentication With Firebase
Ionic - Authentication With Firebase
Firebase
Objectives
In this session we will:
Learn about Firebase
Register users using email & password
Log into the system with email & password
Firebase
– Firebase is a handy cloud-based backend as a service.
– It offers wonderful documentation & features for building swift web &
mobile applications.
– It comes with Firestone & Real-time database services, simple
authentication, excellent storage, handy functions & nice dashboard
for monitoring data & analytics.
– Firebase allows us to create various types of authentication. These
range from email/password, Google, Facebook, GitHub, Twitter, Yahoo,
Microsoft….
Firebase Cont…
• Visit https://firebase.google.com/ in order to access Firebase.
Firebase Cont…
• Click get started & create a new project.
• Provide project name
• Create the form group to get user-provided values & access the createUser()
method, passing user details & setting up a function to navigate to the login page.
Registration Cont…
Registration Cont…
Registration Cont…
• Head over to the register HTML template & create the basic form. Define the
FormGroup & use the ng-container to show the errors for the user registration
page.
Login
• We have to create the form in the login template, hence import
ReactiveFormsModule in the login.module.ts file.