No video :(

React js firebase phone authentication | Send OTP And Verify phone number |

Подписаться 9 тыс.

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

50% 1

React js firebase phone authentication | Send OTP And Verify phone number | #firebase
Code A Program...
🔹Firebase's official documentation on phone authentication: firebase.googl...
🔹📁A GitHub repository containing the source code for the tutorial can be found at:
github.com/Sri...
We also recommend checking out other tutorials and documentation on Firebase and React JS to gain a deeper understanding of how these technologies work together.
In this tutorial, we will be covering the process of implementing phone authentication in a React JS application using Firebase. We will be using Firebase v9 Auth for this tutorial. We will be covering the following steps:
🔹Setting up a Firebase project and enabling phone authentication
🔹Installing and configuring the Firebase SDK in our React JS application
🔹Creating a form for users to enter their phone number
🔹Sending an OTP to the user's phone number
Verifying the OTP and logging the user in
This tutorial is perfect for web developers looking to add phone authentication to their React JS projects or mobile app developers looking to build mobile apps that require phone authentication. By the end of this tutorial, you will have a solid understanding of how to implement phone authentication in a React JS application using Firebase v9 Auth.
👬 Follow us on :
Github : github.com/Sri...
Instagram: / codeaprogram
👍Thanks for watching!
Make sure to like + Subscribe For More!❤️
#firebase #reactjs

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

14 янв 2023

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@ashik_mahmood 3 месяца назад

Got the lesson useful. That's why subscribing the channel. Hope for the best brother.

@dhayanandt5011 4 дня назад

@ashik_mahmood send code

@ManishYadav-vm6lk 2 месяца назад

Brother, I was very worried, I was not able to do it. When I saw your video, my problem got solved. Very very thanks brother.

@user-kp6tw7ft6g Месяц назад

Very useful tutorial, it is working for me. Thank you.

@anassamire2980 9 месяцев назад

This was useful but I ran into a problem when I accessed the global file and entered the Index.html project I find this page is blank, please reply

@himanshutiwari159 Год назад

Please make a video for email verification also using firebase and tailwind also.

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

17:06 for firebase

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

Is this freemium? Or do I have to pay something from the beginning? thank you so much for uploading this!

@user-jr6jv1xi7b Год назад

I'm getting an error that says "cannot read undefined (reading 'appVerificationDisabledForTesing') so what can I do now??? 😭

@vaibhawkr3904 Год назад

found any solution?

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

I also get it bro you found any solution

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

I faced the same issue and fixed it by editing the function like this: const onSignup = () => { setLoading(true) onCaptchVerify() const appVerifier = window.recaptchaVerifier; const formatPh = '+' + ph; signInWithPhoneNumber(auth, formatPh, appVerifier) .then((confirmationResult) => { window.confirmationResult = confirmationResult; setLoading(false) setShowOTP(true) toast.success("OTP sended successfully!") }).catch((error) => { console.log(error) setLoading(false) }); }

@rfryanfavour4369 Год назад

But now ill use all of these 😂❤ appreciate bro

@pawanyadav4024 Год назад

Thanks sridhar , the video and code was really helpful

@preshndams Год назад

Impressive guys

@nithishar2781 Год назад

TypeError: Cannot read properties of undefined (reading 'appVerificationDisabledForTesting') I used the same method but I am ending up with this error, can u please help me with it

@hardikmaind9833 Год назад

i am facing the same error bro

@vaibhawkr3904 Год назад

any solution?

@user-cu7yt3ex6k Год назад

Component auth has not been registered yet I am getting this error

@mahimaarora2841 Год назад

did you get the solution?

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

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

{ "error": { "code": 400, "message": "TOO_MANY_ATTEMPTS_TRY_LATER", "errors": [ { "message": "TOO_MANY_ATTEMPTS_TRY_LATER", "domain": "global", "reason": "invalid" } ] } }

@developerakhter______0076 Год назад

*You are a genius mann.... Gained 1 subscriber*

@ankitprajapati3728 Год назад

love you bro code is working i face error on phone authentication many times but you solved

@msdrd Год назад

Dude , I can sign in with phone number also I can sign out with phone number but I couldnt solve how can I login with phone number ???

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

How you added that recaptcha which you had shown in the starting "Send Code Via SMS"?

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

You can put size to normal instead of invisible in recaptchaVerifier

@dhayanandt5011 4 дня назад

@@satyamkumar6469 bro unnoda code send pannu bro

@SwapnilSoni Год назад

so keeping these credentials on client side is safe?

@mohdarish4195 3 месяца назад

Awesome🎉

@Frontend-oy5cx 4 месяца назад

Why does he only send SMS to my number and not others?

@lahikahmed9253 3 месяца назад

I think it's for free version. You should pay for verify other numbers

@Frontend-oy5cx 3 месяца назад

@@lahikahmed9253 thanks

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

Thank you so much bro. You saved the day!

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

Very impressive But how to keep logged in?

@prajjwalsharma6700 Год назад

i am getting "Error updating phone" while saving phone auth in firebase

@user-cu7yt3ex6k Год назад

Component auth has not been registered yet , getting this error could anyone please solve this

@user-iz6lx7lr5r 4 месяца назад

I did everything but appVerificationDisabledfor testing error is coming

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

yes i created video for solution ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ooOJYw7Iea0.html

@user-cu7yt3ex6k Год назад

Component auth has not been registered yet , bro can make solution for this

@user-wc7pm1oj2n 5 месяцев назад

Great content

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

Thank you, share and subscribe

@rfryanfavour4369 Год назад

That input was all i needed thanks❤

@user-rf5ci8rf2p 6 месяцев назад

0000000000000000

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

bro can u help doing vue 3 js too . i tried but it's not working well

@SandeepMaraboina 3 месяца назад

i am getting this error when i solve captcha Uncaught TypeError: Cannot read properties of null (reading 'style') at Array. (recaptcha__en.js:506:268) at b1. (recaptcha__en.js:449:86)

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

can you help, its not working on my web... :(

@msdrd Год назад

Hello I did it also I can signout but how can I login ???

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

For me it is showing toast not defined

@MuhammadAhmad-vc6xd 2 месяца назад

it give me Cannot read properties of undefined (reading 'appVerificationDisabledForTesting') ........and soo on

@MuhammadAhmad-vc6xd 2 месяца назад

I FOUND THE SOLUTION: (Use this function in the code) function onCaptchVerify() { if (!window.recaptchaVerifier) { window.recaptchaVerifier = new RecaptchaVerifier( auth, "recaptcha-container", { size: "invisible", callback: (response) => { onSignup(); }, "expired-callback": () => {}, } ); } }

@pintudebnath1524 Год назад

Thank you it worked without any problems thank you so much

@luisaquinoc6548 Год назад

Me encantó.... Excelente !!! gracias por compartir !!!

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

Does the otp code comes from the sms??

@AbhayDeshwal-sj5bg Месяц назад

please tell me what is your theme name of vs code

@moises-native4829 10 месяцев назад

Si quieres editar el numero e ir atras lo pensaste ? Como harias ? dos paginas o trabajar el back button ?

@chukslite Год назад

This is wonderful.

@mohammedehab8987 День назад

is it on laravel ?

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

getting error Cannot read properties of undefined (reading 'appVerificationDisabledForTesting') TypeError: Cannot read properties of undefined (reading 'appVerificationDisabledForTesting') help me out with solution?

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

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

thank u @@biraniv

@OnlyJavascript Год назад

can we do this in MERN stack?? If possible can you teach us?

@OnlyJavascript Год назад

Can you please teach us complete auth system in MERN stack including this otp feature.

@BeingChoudhary Год назад

what is the name of your code editor theme and who built that?

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

It's vsCode as the editor and the theme is called Synthwave '84. To get the glow around the words you need to do extra set up described on the theme's install page. Good luck.

@PavanArjunSR Год назад

thank u sooooooooooooooooooooooo much bro.

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

FirebaseError: Firebase: Exceeded quota. (auth/quota-exceeded). Do I need to upgrade the firebase plan?

@nimat9034 9 месяцев назад

Yes you have to upgrade to blaze or create a new project.

@user-ub9pd5yl7p 10 месяцев назад

can anyone give code beacuse this github is not working in my vs code.

@roar3850 Год назад

bro what is theme name? your code have gradient effect.

@CodeAProgram Год назад

Synthwave 84

@roar3850 Год назад

Thanks bro

@RudraShejwal-jv2bf Месяц назад

Its really worked

@dhayanandt5011 4 дня назад

Send copy bro

@RudraShejwal-jv2bf 4 дня назад

@@dhayanandt5011 are bhai Pehele run hogya fir badme do tin din bad try kiya to Run nhi ho rha hai

@dhayanandt5011 4 дня назад

@@RudraShejwal-jv2bf send code bro GitHub

@dhayanandt5011 4 дня назад

Send code bro GitHub

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

bro i can't write the css in the section in classname

@sagarsagu4788 3 дня назад

import tailwindcss then again if problem persists then press debug option in package.json file

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

done it. thanks

@Andres-mu3ng 9 месяцев назад

Thanks its very interesting

@Andres-mu3ng 9 месяцев назад

Only i have a cuestion why return Recapcha error? FirebaseError: Firebase: Recaptcha verification failed - DUPE (auth/captcha-check-failed).

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

Too many unnecessary things, just get straight to the point!

@mahimaarora2841 Год назад

Can someone please help me with this error: Cannot read properties of undefined (reading 'appVerificationDisabledForTesting') TypeError: Cannot read properties of undefined (reading 'appVerificationDisabledForTesting') at new RecaptchaVerifier

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

same problem

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

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

hey i tried your code still getting the same error @@biraniv

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

In Firebase v10 - ther order of arguments in RecaptchaVerifier changed, 'auth' comes first: window.recaptchaVerifier = new RecaptchaVerifier( auth, "recaptcha-container", { size: "invisible", callback: (response) => { onSignup(); }, "expired-callback": () => { }, } );

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

in Firebase v.10 RecaptchaVerifier seems to have another order of arguments, 'auth' comes first. Try this code: window.recaptchaVerifier = new RecaptchaVerifier( auth, "recaptcha-container", { size: "invisible", callback: (response) => { onSignup(); }, "expired-callback": () => { }, } );