How to send OTP using React and Firebase | Firebase OTP verification with React | Source code

How to send OTP using React and Firebase | Firebase OTP verification with React | Source code

AVDojo

4 года назад

51,341 Просмотров

Ссылки и html тэги не поддерживаются


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

V I S H A L
V I S H A L - 14.05.2023 17:46

import { firebase } from "./firebase"; => this is old version for new =>
import firebase from 'firebase/compat/app';
import 'firebase/compat/auth';
import 'firebase/compat/firestore';

Ответить
Eklavya
Eklavya - 10.04.2023 17:05

Hey brother i need some help please
Actually i am implementing same in Reactnative and successfully otp is signed and everything is done....but what about token? PhoneAuthProvider doesnt have any function to login using token. Do users need to login with otp everytime he opens the app
Please help me please 😢😢😢😢😢

Ответить
Hari
Hari - 03.01.2023 11:23

ncaught TypeError: _firebase_firebase__WEBPACK_IMPORTED_MODULE_6__.default.auth.RecaptchaVerifier is not a constructor , getting error

Ответить
Arslan Ahmed
Arslan Ahmed - 24.11.2022 21:55

Very Helpful

Ответить
Yashu Goel
Yashu Goel - 26.09.2022 14:08

The url u provided...contains virus..

Ответить
Person
Person - 28.08.2022 18:44

Getting Problem: '__WEBPACK_DEFAULT_EXPORT__' before initialization

Ответить
Joba Owori
Joba Owori - 22.05.2022 16:21

That background music/sound is so distracting

Ответить
elrazor
elrazor - 17.12.2021 16:56

Is this service free ? Or what's the pricing like

Ответить
mayur bhatia
mayur bhatia - 26.11.2021 22:46

Firebase: Error (auth/argument-error). solve this error

Ответить
reasonably
reasonably - 30.08.2021 08:36

Hi mate, Could I possibly know the background music? for some reason it is so calm and illusionary!

Ответить
Akhil Lenkalapally
Akhil Lenkalapally - 09.08.2021 11:10

can we read otp automatically on other websites like ssmms.please help me out sir

Ответить
Creative CodeCrafts
Creative CodeCrafts - 06.06.2021 05:51

OTP is not arriving on my phone.

Ответить
Prashoon Bhattacharjee
Prashoon Bhattacharjee - 05.06.2021 11:17

Very helpful video!!

Ответить
Chien.
Chien. - 31.05.2021 14:47

You make my day 🙏

Ответить
Cường Nguyễn
Cường Nguyễn - 21.05.2021 11:08

thank you <3

Ответить
praveen mani
praveen mani - 17.05.2021 13:55

Thank You very much, this helpedd a lot!! <3

Ответить
QNM
QNM - 07.05.2021 14:44

Thanks you so much <3

Ответить
Nidhi S Bhat
Nidhi S Bhat - 07.04.2021 10:09

is it posible to update phone number?

Ответить
sanath kumar d shetty
sanath kumar d shetty - 18.02.2021 11:57

TypeError: auth.RecaptchaVerifier is not a constructor. why am i getting this error.

Ответить
Akshay Singla
Akshay Singla - 03.02.2021 06:49

How to pass the firebase returned object having "confirm" method to some other component if we have a different OTP screen instead of prompt?

Ответить
Shimi Biton
Shimi Biton - 04.01.2021 11:39

not working

Ответить
Sanjeet Coder
Sanjeet Coder - 29.10.2020 10:44

Hey Dojo, getting error,
TypeError: __WEBPACK_IMPORTED_MODULE_1__config_Fire__.a.auth.RecaptchVerifier is not a constructor
please help...

Ответить
Satyam Gupta
Satyam Gupta - 18.10.2020 08:58

Sir please make this video in react native with invisible recaptcha

Ответить
Super Web Devs
Super Web Devs - 07.10.2020 08:38

For those getting reCaptcha error, make sure to add <div id="recaptcha"></div> anywhere in the component.

Ответить
Ulkesh Wani
Ulkesh Wani - 26.09.2020 14:25

Thanks Man!... I am Working with React-native, But I Understand The actual Concept . Thanks! :)

Ответить
Priyom Saha
Priyom Saha - 21.09.2020 20:27

Can you please tell me how to implement resend of otp there is some error with recaptcha when i am calling the same function again for resending otp

Ответить
Lerndemy
Lerndemy - 17.09.2020 19:09

ok now how can i apply this on my html website

Ответить
Rahul jha
Rahul jha - 11.09.2020 19:01

Hey bro when I click on source code i does not see code it show ad can you please share github link

Ответить
Vivek Rajput
Vivek Rajput - 30.08.2020 17:04

Not working

Ответить
Suraj Thallapelli
Suraj Thallapelli - 16.08.2020 12:12

Cannot read property recaptcha

Ответить
KwlsQ -
KwlsQ - - 27.07.2020 09:29

can we use this solution for android/react native?

Ответить
Dhruv Har
Dhruv Har - 22.07.2020 00:02

Please sir, make a video on, adding Google pay to the react native app using firebase .

Ответить
Nilesh Panda
Nilesh Panda - 21.07.2020 22:15

Hey..thanks for the tutorial..Am trying the same with nextJs SSR ..but am getting cors error.. Can you help me here Please? Thanks in Advance

Ответить
Vinay Sharma
Vinay Sharma - 07.07.2020 18:19

Hi AV Dojo, can you please have a tutorial for Firebase OTP verification with Invisible ReCaptcha? :)

Ответить
Uniknya Fakta Disini
Uniknya Fakta Disini - 07.07.2020 06:25

Make tutorial React Native Bro

Ответить
Thalari Koti
Thalari Koti - 30.06.2020 15:30

HI i have implemeted but i did not get the OTP.any source code is avilble

Ответить
Anas Yousuf
Anas Yousuf - 13.06.2020 02:40

voice is very low

Ответить
Tim Zak
Tim Zak - 01.06.2020 17:17

thank you very much you are too kind sir

Ответить
Tim Zak
Tim Zak - 01.06.2020 17:16

shit does not work unless you go to github and check the source code!!!!

Ответить
Paras Madan
Paras Madan - 29.05.2020 12:24

Quick question sir,

How long does it take for the OTP to arrive if we use firebase

Ответить
pragathees
pragathees - 18.05.2020 10:15

handleclick not work 😔😔😔

Ответить
meena sangeetha
meena sangeetha - 16.05.2020 11:13

Recaptcha verifier is only supported in browser error com mong while we are running in react native

Ответить
Izet Molla
Izet Molla - 05.05.2020 00:17

any idea how to replace this 'var code = prompt('Enter the otp', '');' with input box in html

Ответить
Radhika Khandelwal
Radhika Khandelwal - 03.05.2020 16:17

this process can also be applicable in react native

Ответить
S B
S B - 06.04.2020 08:04

Thank you so much

Ответить
bidisha mondal
bidisha mondal - 22.03.2020 11:38

Great one!
Can we customise the length/size of otp generated as well?🐽

Ответить