Firebase phone number authentication in javascript | firebase auth in javascript | HA Codes

Подписаться 1,2 тыс.

Просмотров 22 тыс.

50% 1

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

Наука

Опубликовано:

16 авг 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 74

@shraddhapatil2538 5 месяцев назад

Thank you so much for this video. It's really worked. If anyone have host issue then just add your domain into firebase.

@GadgetsOnTrend-mz5uy 4 месяца назад

How to add that

@DavidMarmol-m7m 24 дня назад

Hello, good afternoon, I saw the tutorial and created my project in firebase, clould and recaptcha, but it gives me an error: (auth/invalid-app-credential).

@relaxtomaxchannel Год назад

Thank you very much, the clearest tutorial. period.

@murtazaahmad1539 Месяц назад

source code links not working and some of the code that you have written is also not working

@ciel37yearsago42 4 месяца назад

no errors on console, used my country code. still not receiving otp on phone. idk whats wrong

@razy_music Месяц назад

Recaptcha not coming up, please help.

@RexBrown-dv4yc 3 месяца назад

Thank you. Your video has really helped my app

@565_ankitkumar2 4 месяца назад

is it necessary to write code under xampp my project is running under server 3000 , can i merge there,..?

@hacodes 4 месяца назад

Yes, you can use any port or any server.

@nguyenthaihien1704 Год назад

Thank you very much for sharing very nice and useful

@darshgautam912 Год назад

yeh bhaiya firebase sdk waala link kaha se mila jo script mein dalaa hua hain 63 line mein

@hacodes Год назад

Search on google for Firebase CDN, you will get CDNJS website, get your needed CDN from there.

@judon5677 Год назад

Thanku you So Much 💓 Keep it up.

@sathvikaparimi2150 8 месяцев назад

Thank you, Its working.

@sahasiyer8471 Год назад

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.

@hacodes Год назад

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.

@faltu3489 Год назад

How can i show the otp code in alert after send sms, just for personal testing.....

@hacodes Год назад

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.

@vasukotadiya9329 Год назад

cannot read properties of undefined(reading verify)

@hacodes Год назад

Try with adding number with country code

@worldwidetechchannel9699 10 месяцев назад

Bro this code is not working .... Please help me ...

@hacodes 10 месяцев назад

What error you are getting?

@developerprofile6565 Год назад

It shows that a error :- Firebase is not defined ! How to fix it ?

@hacodes Год назад

Firebase SDK not added properly, try correct the path of Firebase CDN

@developerprofile6565 Год назад

@@hacodes thanks

@abdimajidsaedadam9490 11 месяцев назад

can i use without captcha or hide the captcha, please.

@hacodes 11 месяцев назад

May be there is a way to do that but doesn't know about that. You need to check the documentation of the Firebase

@danielagu7117 Год назад

How's your phone connected to your laptop

@hacodes Год назад

I am using scrcpy, it's a cmd open source software for windows

@yasanmalik7189 2 года назад

what is code result in codeverify method

@hacodes 2 года назад

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.

@danielagu7117 Год назад

Error "hostname not found" how do I go about this please?

@hacodes Год назад

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.

@danielagu7117 Год назад

@@hacodesThis is the new error after I created my project " Firebase: Hostname match not found (auth/captcha-check-failed). "

@hacodes Год назад

Contact me on FB

@-MrHow- 11 месяцев назад

i get same problem what is the solution?@@hacodes

@rishabhgarg8349 6 месяцев назад

OTP not coming in phone

@hacodes 6 месяцев назад

Are you getting error in console?

@rishabhgarg8349 6 месяцев назад

Yes

@aayushrajmaurya2003 6 месяцев назад

Bro and Hostname match not found coming

@aayushrajmaurya2003 6 месяцев назад

Please help me sir

@hacodes 6 месяцев назад

That's app check enable on my firebase app. Please use your firebase app credentials.

@aayushrajmaurya2003 6 месяцев назад

@@hacodes please tell me what do i change in my code, and how I use my firebase app.

@hacodes 6 месяцев назад

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.

@thepurveshpanchal Год назад

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

@hacodes Год назад

Can you share your complete code with keys, I'll check

@thepurveshpanchal Год назад

@@hacodes Where should I send it?

@hacodes Год назад

On FB, please check the channel about for page link

@pasdes6091 Год назад

sir i am getting error as Hostname match not found

@hacodes Год назад

I have enabled app check for Firebase services. Now it's disable, try it now

@pasdes6091 Год назад

@@hacodes sir thank you so much for replying i have tried same error i am facing

@pasdes6091 Год назад

@@hacodes hello sir i have riched out you on linked in can you connect if possible

@hacodes Год назад

Contact me on FB, I'll do further, page link in about of this channel

@852ebiz7 Год назад

No verification code send out

@hacodes Год назад

Is there any message in console, if not try again using your country code with number.

@sakshidighade9104 Год назад

how to add firebase sdk in line number 63 that src link where from you take

@hacodes Год назад

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.

@jeromedelapena7667 Год назад

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! ❤

@hacodes Год назад

Use window.location.href = "your-redirect-url" in then function

@youthsorg Год назад

Apreciatable work, but not working from my side.

@hacodes Год назад

Tell me the error you got, I'll try to fix it

@youthsorg Год назад

@@hacodes I've got no response from it. Finally downloaded your script and it's working.

@darshanbs2267 Год назад

Where to find sdk version from where u copied

@hacodes Год назад

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.

@reshmasharma2931 Год назад

nice video,error coming

@hacodes Год назад

Which error

@Nischaltamang2023 7 месяцев назад

need your help on this project. how to contact you on fb?

@hacodes 7 месяцев назад

You can get FB link from about of this channel.

@Nischaltamang2023 7 месяцев назад

@@hacodes even on your live demo, while trying my number it says: Firebase: Hostname match not found (auth/captcha-check-failed).

@hacodes 7 месяцев назад

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.