Firebase phone number authentication in javascript | firebase auth in javascript | HA Codes
ฝัง
- เผยแพร่เมื่อ 3 ก.ค. 2024
- Hi, In this video, we will create firebase phone number authentication in javascript. We will send OTP to number and then verify that number using OTP. For this, we use firebase auth to send OTP that is a free service from google. Follow the video to create the project and get help from the source code given below. Comment below in the comment section if you get an error or have any suggestion.
Check Live Demo
bit.ly/3Dhz3Au
Source Code:
bit.ly/3sz8Ubt
Chapters:
00:00 Intro
01:31 HTML & CSS
05:08 Firebase
07:04 Javascript
firebase auth
Firebase phone number authentication
#HACodes - วิทยาศาสตร์และเทคโนโลยี
Thank you very much, the clearest tutorial. period.
Thank you so much for this video. It's really worked. If anyone have host issue then just add your domain into firebase.
How to add that
Thank you. Your video has really helped my app
Thank you very much for sharing very nice and useful
Thanku you So Much 💓 Keep it up.
Thank you, Its working.
no errors on console, used my country code. still not receiving otp on phone. idk whats wrong
source code links not working and some of the code that you have written is also not working
Recaptcha not coming up, please help.
is it necessary to write code under xampp
my project is running under server 3000 , can i merge there,..?
Yes, you can use any port or any server.
I’m getting ‘appVerificationDisabledForTesting’ error. How to fix this? Please help me out, I have an assignment to submit in 2 days. Actually I did the project in react.
May be this is captcha verification error that is disabled in test mode try this in production mode. If not work, use Firebase documentation for react.
How can i show the otp code in alert after send sms, just for personal testing.....
It's not giving otp code on the client side, it just take otp from client side to the server when user enter otp, and just return conformation on the client side.
cannot read properties of undefined(reading verify)
Try with adding number with country code
Nice work! But I have hard time editing the code to fit to our final project. How can I redirect user after successful verification? Thanks! ❤
Use window.location.href = "your-redirect-url" in then function
what is code result in codeverify method
coderesult as an object define in firebase js file and confirm() is a function defined in the class for which the coderesult object is created.
yeh bhaiya firebase sdk waala link kaha se mila jo script mein dalaa hua hain 63 line mein
Search on google for Firebase CDN, you will get CDNJS website, get your needed CDN from there.
can i use without captcha or hide the captcha, please.
May be there is a way to do that but doesn't know about that. You need to check the documentation of the Firebase
nice video,error coming
Which error
How's your phone connected to your laptop
I am using scrcpy, it's a cmd open source software for windows
It shows that a error :- Firebase is not defined !
How to fix it ?
Firebase SDK not added properly, try correct the path of Firebase CDN
@@hacodes thanks
Bro this code is not working .... Please help me ...
What error you are getting?
Error "hostname not found" how do I go about this please?
I am using app check to secure my firebase resources. Create your own firebase project and try with that. If still getting the same issue, try removing browser cache, try use other browser or wait untill my project token will expire.
@@hacodesThis is the new error after I created my project " Firebase: Hostname match not found (auth/captcha-check-failed). "
Contact me on FB
i get same problem what is the solution?@@hacodes
sir i am getting error as Hostname match not found
I have enabled app check for Firebase services. Now it's disable, try it now
@@hacodes sir thank you so much for replying i have tried same error i am facing
@@hacodes hello sir i have riched out you on linked in can you connect if possible
Contact me on FB, I'll do further, page link in about of this channel
how to add firebase sdk in line number 63 that src link where from you take
Search on Google "firebase cdn js" you will find a website cdnjs. You can get CDN links from that website. Make sure to use compat links if you want to use mithout type module.
Bro and Hostname match not found coming
Please help me sir
That's app check enable on my firebase app. Please use your firebase app credentials.
@@hacodes please tell me what do i change in my code, and how I use my firebase app.
The whole process has shown in video, just do step by step in your firebase proj and get your credentials. Then the source code you downloaded, just replace credentials means firebaseConfig object there in code. If still getting issue, try after clearing cache or use some other browser.
No verification code send out
Is there any message in console, if not try again using your country code with number.
I tried the same but the console shows nothing after clicking captcha and send button
I used my own firebase keys and stuff but still...doesn't seem to be working
Can you share your complete code with keys, I'll check
@@hacodes Where should I send it?
On FB, please check the channel about for page link
Apreciatable work, but not working from my side.
Tell me the error you got, I'll try to fix it
@@hacodes I've got no response from it. Finally downloaded your script and it's working.
OTP not coming in phone
Are you getting error in console?
Yes
Where to find sdk version from where u copied
You can search on google for Firebase js sdk cdn and you will get cdn js website or any other where you can get all cdn. You can also check firebase documentation for that.
need your help on this project. how to contact you on fb?
You can get FB link from about of this channel.
@@hacodes even on your live demo, while trying my number it says: Firebase: Hostname match not found (auth/captcha-check-failed).
I think you used my provided firebase credentials that is secured with firebase app check. Create your own firebase app and before using clear browser cache etc.