Phone Authentication in Ionic with Firebase

In this video, you will learn how you can use phone authentication in Ionic Apps using Firebase. An SMS is sent to the user on their phone number and it contains a six-digit code which they need to enter to get authenticated. Sounds fun, right? Let's dive in.

Check out my courses on Udemy if you want to learn how to develop a complete app from start to end in Ionic.

This course will teach you all about creating intelligent mobile apps that can understand your natural language and can take actions based on that. You can program your apps to do a number of tasks. From doing simple calculations to performing complex operations, your apps can d it all.

Your apps will work on Android, iOS and Windows, thanks to the amazing Ionic Framework.

So, you will be writing code once and you can generate different projects for Android, iOS and Windows.

You will learn to use API.AI (now known as DialogFlow) and will use the amazing intelligence engine of API.AI to power your app. You app will depend on API.AI for processing the users' natural language (speech and text) and will respond back to the user in the way you want.

Your app will be capable of understanding voice as well as text inputs. So a simple phrase like, "Hey, can you add 1265 and 6567?" will make your app do this calculation for you and it will come back with an answer. Not only that, your app will be capable enough to have conversations with you.

It will respond to messages like, "How are you?" and "Where have you been?". By the end, your app will inform your of the weather for your city if you ask for it like, "How is the weather in New York City?". All thanks to API.AI.

To proceed with this course you are recommended to have basic knowledge of building apps with Ionic and Angular. We will be using TypeScript all along to build the app, so knowledge of TypeScript is also advised. Even if you are complete beginner, you can take the course but you might feel the rush in the beginning. A basics course on Ionic Framework is advised for complete beginners.

Here is an overview of the whole course.

We will start by understanding a few basics of Ionic and then API.AI.
We will then proceed to building the App UI and then integrate the App with API.AI. This will open doors to a whole new world of possibilities.
We will learn how to add a feature to our API.AI Agent and use it in the app.
We will implement voice recognition and text-to-speech in the app so the app can actually talk to the user.
Then, we will add functionalities of a calculator to the app.
Finally, we will conclude the app by hooking it up to a weather API so the app can provide the weather details for any city in the world.
Sound exciting?

[thesamarthagarwal]

Phone Number Format: [phone] (including country code)

[supriyababar]

hi great tutorial, by the way when i run application and click on send otp button my app crashes.please help me.. with this isuee..

[contactmsr]

thanks for quick video on this Subject good to see you have covered all of it, but I got question, if I want just Ionic web app based phone login do i need to install cordova -firebase ?

[itrcajmer]

i want to need cordova firebase phone authentication, in youtube many video ionic firebase phone auth. but i want to learn how to use cordova firebase phone auth in cordova project not available any video for this topic on youtube... please upload video for this plugin.

[Symbol_of_Romance]

Giving Eror <ion-input type="text" placeholder="Enter OTP"

[victorlimbong]

Great video... Can you make video how to stream android application with vlc media player and show debug on chrome....

[wakeupsid]

My app crashes every time I click send otp and I have been getting error while trying to run on my android phone. Unable to find any solution online

[anuppal]

Hello All,
I am getting the credential but not able to hold that, that it can be used for verifying the number. Please help

[dnyanesh]

video has low quality. can you provide your project link.?

[shyamtailor]

Cannot read property 'verifyPhoneNumber' of undefined i got this error how i resolve it

[pamz]

ProfileEditPage.html:75 ERROR TypeError: Cannot read property 'verifyPhoneNumber' of undefined
I am getting this error will you please tell me to solve this solution ..

[pritpalsingh]

Is this plugins works for iOS devices ? if yes, then please share the codes for that also ... Thanks

[Zohaibkhan-sxou]

import * as firebase from 'firebase'
cannot find module 'firebase'

help me with that please

[rptech]

Can Only please help me set up for android in my windows OS. I am following the steps but not working.

[blessingschishimbakalambai]

when ever i try click send code the app stops working what might the problem be?

[SumitSingh-bdyb]

Very Helpful..
Can you please make video on firebase crud operation using ionic

[sayeesaran]

Hi,
Even after installing the cordova-firebase-plugin, I get an error saying "Cannot find module firebase" and it is pointing to the import statement in the app.module.ts and home.ts . Is there any way to resolve this?

[naanu]

hi,

I'am getting error here
App closes automatically. You have any idea about this?

[vishnumali]

Hello Samarth... Thanks for your great tutorial video. Its helpful but Im really struggling to phone authentication in iOS. If you have any solution then please share code. For iOS.. Im struggling to manage captcha. I tried invisible captcha but failed. If you have any solution plz help me. Using Ionic 3.
Thanks.

[rithinprakash]

I am getting an errorerror "uknown error verifying number Error instance: please help me someone.