Updated OTP Authentication in React Native Expo Using Firebase | Firebase Phone Authentication 2024

Поділитися
Вставка
  • Опубліковано 26 січ 2025

КОМЕНТАРІ • 156

  • @tusharmangla3323
    @tusharmangla3323 11 місяців тому +1

    at 10:10 when i open the aplicaiotn in my phone by scanning the QR code, I am getting many errors related to java. please help

    • @BugNinza
      @BugNinza  11 місяців тому

      What error??
      Also for the context, dont scan the builds url with expo go apps scanner.

    • @tusharmangla3323
      @tusharmangla3323 11 місяців тому

      @@BugNinza please help to solve this issue🙏🙏

  • @DAIN0423-t3g
    @DAIN0423-t3g 4 місяці тому

    좋은 영상 감사합니다. 리액트 네이티브를 처음 사용해보는데 영상 덕분에 해당 기술에 대해 조금 더 잘 알게된 것 같습니다.

  • @renadasiri-qh6jz
    @renadasiri-qh6jz 10 місяців тому

    at 6:23, what if i wanted to build for both android and ios? how do go on about this, isn't react native supposed to be cross platform but with single code? do i have to do all the steps for android twice? or is doing it for android once enough for both platforms?

    • @BugNinza
      @BugNinza  10 місяців тому

      yes, a single code can be used for both

    • @kushagracoding
      @kushagracoding 3 місяці тому

      you can do that 1 by 1

  • @dhakshat6030
    @dhakshat6030 8 місяців тому

    When I run the following command:
    npx eas build --profile development --platform android
    I get a QR code with some error.
    Next, I run:
    npx expo start
    I get a QR code, but it shows the Expo Home Screen.
    Why I am not able to see my project in expo
    Can you tell me ? 8:52

    • @ravimishra8243
      @ravimishra8243 7 місяців тому

      cause expo app , is not supported., as per expo documentation , read that, you solve your other proebem also

  • @RohitRaj-l2x
    @RohitRaj-l2x 10 місяців тому

    23:19 in "await confirm.confirm(code) " where you get confirm function. explain anyone

    • @BugNinza
      @BugNinza  10 місяців тому

      In this code, the confirm variable holds an instance of the ConfirmationResult object returned by the signInWithPhoneNumber method of the Firebase Authentication SDK.
      When the user enters their phone number and the signInWithPhoneNumber function is called, Firebase sends an SMS code to the provided phone number. The returned ConfirmationResult object contains the confirm method, which is used to complete the phone number authentication process by providing the verification code received via SMS.

  • @praveenraj8704
    @praveenraj8704 11 місяців тому +1

    Can you please provide documentation of email authentication using firebase(especially the functions used in login.js) ? I guess the rest of the process of integrating firebase to react native project remains same. Please reply.

    • @BugNinza
      @BugNinza  11 місяців тому +1

      The video of email auth is already uploaded, check playlist

    • @praveenraj8704
      @praveenraj8704 11 місяців тому +1

      ​@@BugNinzaI implemented this phone authentication on my project. But somehow could not complete it correctly.
      [Error: You attempted to use a firebase module that's not installed on your Android project by calling firebase.app().
      Ensure you have:
      1) imported the 'io.invertase.firebase.app.ReactNativeFirebaseAppPackage' module in your 'MainApplication.java' file.
      2) Added the 'new ReactNativeFirebaseAppPackage()' line inside of the RN 'getPackages()' method list.

    • @praveenraj8704
      @praveenraj8704 11 місяців тому +1

      Update : Corrected the error by rebuilding the app using eas build command. Thanks man.

  • @EthioComputerAIInfo
    @EthioComputerAIInfo Рік тому +1

    how can i solve this error [auth/missing-client-identifier] This request is missing a valid app identifier, meaning that Play Integrity checks, and reCAPTCHA checks were unsuccessful. Please try again, or check the logcat for more details.

    • @BugNinza
      @BugNinza  Рік тому

      don't use expo to scan the builds QR code. follow the video carefully

    • @hemalathakanagaraj36
      @hemalathakanagaraj36 10 місяців тому

      I also got this error​@@BugNinza

    • @hemalathakanagaraj36
      @hemalathakanagaraj36 10 місяців тому

      ​@@BugNinzaI too got the same error

    • @Arterum-MC
      @Arterum-MC 8 місяців тому

      Someone get a fix about this error ?

    • @kushagracoding
      @kushagracoding 3 місяці тому

      did someone got the answer???

  • @gregfenton
    @gregfenton 5 місяців тому

    Thanks for the video.
    FYI: the video description has a link to React-Native-Firebase (RNF) with the label "Firebase Official Documentation". RNF is not created or maintained by Firebase, so is not "official Firebase".

  • @mansikhatri9302
    @mansikhatri9302 5 місяців тому

    when i am writing eas credentials, im getting the error
    Failed to resolve plugin for module "@react-native-firebase/auth" relative to "D:\mansi\summerProjectApp\turbo-goggles"
    Error: credentials command failed.

  • @aniketteltumbade8338
    @aniketteltumbade8338 11 місяців тому +1

    Can I help me with this issue please:
    Error: You attempted to use a firebase module that's not installed on your Android project by calling firebase.app().
    I have done same thing as you mentioned but it's not working

    • @BugNinza
      @BugNinza  11 місяців тому

      Don't use firebase web use it it for android and follow the video carefully

    • @kushagracoding
      @kushagracoding 3 місяці тому

      @@BugNinza yes correct

  • @BatmanBottomG
    @BatmanBottomG 8 місяців тому

    Doesn't it need google developer account for play i integrity api which is 25$?
    Or it works without that

  • @kshitizsharma9033
    @kshitizsharma9033 4 місяці тому +1

    Hello thanks for the amazing tutorial but I am getting this error despite not even receiving a single OTP.
    Didnt even exhaust the daily 10 otp/day limit.
    Error signing in with phone number: [Error: [auth/billing-not] An internal error has occurred. [ BILLING_NOT_ENABLED ]]

    • @aritrachakraborty7555
      @aritrachakraborty7555 4 місяці тому

      yeah same i got , did you find any solution

    • @kushagracoding
      @kushagracoding 3 місяці тому

      upgrade the firebase from Spark to Blaze plan, this charges you 2 rupees for verification and it is pay as you go plan, this will definitely resolve this issue

    • @kushagracoding
      @kushagracoding 3 місяці тому

      upgrade the firebase from Spark to Blaze plan, this charges you 2 rupees for verification and it is pay as you go plan, this will definitely resolve this issue

  • @ricardoyanez9464
    @ricardoyanez9464 9 місяців тому +1

    Hi! bro, in DEV mode works prefect, in production i get error of Play integrity, and not work SMS. How can I solve for production mode?.

    • @realvoices2356
      @realvoices2356 8 місяців тому

      me too, Have you solved it?

    • @aaditmaheshwari4080
      @aaditmaheshwari4080 6 місяців тому +1

      @ricardoyanez9464 @realvoices2356 at 14:42 as seen he has kept it in test mode. Check if you left it there, if so, change it to production mode and then it should probably work!

    • @kushagracoding
      @kushagracoding 3 місяці тому

      Firstly generate a new keystore for production and add the SHA1 keys that are coming, maybe this can help you

  • @MridulSingh-b3b
    @MridulSingh-b3b Рік тому

    Can you please explain why two different SHA-1 were added? I could not find anything related to this in the docs. How did you get to know about this?

    • @BugNinza
      @BugNinza  Рік тому +1

      A Java dev told me to do so... I hope it helped 😁

  • @ShahbazShaikh-d8o
    @ShahbazShaikh-d8o 3 місяці тому

    Confirmation is getting in local build of expo app, but I'm not receiving the OTP on message on phone number. Also I've not provided sha1 fingerprint during google service file creation, will it impact?

    • @kushagracoding
      @kushagracoding 3 місяці тому

      from this your project will not be able to connect from firebase please add the SHA1 key and SHA256 if possible

  • @m-coder2266
    @m-coder2266 10 місяців тому

    Now I am getting this issue after entering otp code
    [Error: [auth/session-expired] The sms code has expired. Please re-send the verification code to try again.]

    • @BugNinza
      @BugNinza  10 місяців тому

      check your firebase settings and code. Also firebase limits the verification to 10/day, i guess.

  • @smallradcomp.2534
    @smallradcomp.2534 7 місяців тому

    How do you add the firebase recaptchaverifier to this? Ive been stuck for a while. I want to decrease the amount of bots using my app

    • @mominwahid4644
      @mominwahid4644 7 місяців тому

      I'm also stucked in this

    • @soretii_11
      @soretii_11 5 місяців тому

      any progress? i have a similar problem with recaptchaverifier

  • @Truefalse-j4i
    @Truefalse-j4i 5 місяців тому

    How to disable the recaptcha verification for the same . In my project i want to disable the RECAPTCHA verification for my project . thanks

  • @Dabayare
    @Dabayare 3 місяці тому

    Why not use finger print authentication instead of sending user credentials for Google to map them.

  • @teminoah2960
    @teminoah2960 7 місяців тому

    what expo SDK and firebase version is this applicable to ?

  • @suryanshbhatnagar2857
    @suryanshbhatnagar2857 11 місяців тому

    While enabling phone in Sign-in providers i am getting error 'Error updating Phone'

    • @BugNinza
      @BugNinza  11 місяців тому

      Review ur code and firebase app set-up

    • @suryanshbhatnagar2857
      @suryanshbhatnagar2857 11 місяців тому

      @@BugNinza i followed the tutorial step by step still facing this issue

  • @InDynamics
    @InDynamics 10 місяців тому

    I am getting the following error:
    Android Build Failed:
    Gradle Build failed with unknown error.
    See logs for the " Run gradlew"
    How to solve this error?

    • @BugNinza
      @BugNinza  10 місяців тому

      check your app.json and module imports and then rebuild your app again

    • @SamBIllium
      @SamBIllium 8 місяців тому

      Same issue

  • @1HardInch
    @1HardInch 7 місяців тому

    do i need to have a development build for code to be sent? since i try on expo go on on web/iphone expo go, or android it says Failed to send verification code. Please try again.

    • @aaditmaheshwari4080
      @aaditmaheshwari4080 6 місяців тому

      Yes, because expo go is a quick sandbox environment, but you cannot use non-expo dependencies such as firebase with it, hence you need to have a development build.

  • @aidan7226
    @aidan7226 11 місяців тому

    I keep getting this error:
    ERROR Error in sending verification code: [TypeError: Cannot read property 'verify' of undefined]
    Do you know what causes this error and how i can solve it?

    • @BugNinza
      @BugNinza  11 місяців тому

      check your code, follow the video carefully, don't use firebase for web

    • @jadnacouzi
      @jadnacouzi 10 місяців тому

      did you find what was the problem with that error?

    • @aidan7226
      @aidan7226 10 місяців тому

      nope, are you encountering the same error?@@jadnacouzi

  • @abhishekgawande222
    @abhishekgawande222 9 місяців тому

    hello i am having the error in connecting the expo apk to the app in the local developement, means after updating the app.json i rebuild the app and downloaded the apk but while installing the apk it is saying "app not installed".What to do..

    • @BugNinza
      @BugNinza  9 місяців тому

      check your device permission for the external app installations

    • @abhishekgawande222
      @abhishekgawande222 9 місяців тому

      @@BugNinza does this will solve the problem

  • @m-coder2266
    @m-coder2266 10 місяців тому

    Sir please help me in this
    LOG [Error: You attempted to use a firebase module that's not installed on your Android project by calling firebase.app().
    Ensure you have:
    1) imported the 'io.invertase.firebase.app.ReactNativeFirebaseAppPackage' module in your 'MainApplication.java' file.
    2) Added the 'new ReactNativeFirebaseAppPackage()' line inside of the RN 'getPackages()' method list.

    • @BugNinza
      @BugNinza  10 місяців тому

      use development build to test your app not expo go app. Also use native firebase packages. follow the video carefully

    • @m-coder2266
      @m-coder2266 10 місяців тому

      Thanks fix it @@BugNinza

    • @abidzaman666
      @abidzaman666 3 місяці тому

      @@m-coder2266 Hello there! How did you fix it? Can you explain please?

  • @MuthuAnushya
    @MuthuAnushya 11 місяців тому

    Thankyou bro first i choose the mode production in the firebase storage but not change false to true that's why i have the error like Invalid code [Error: [firestore/permission-denied] The caller does not have permission to execute the specified operation.] After the i set that in the firebase storage rules button change to true then active thankyou so much

    • @BugNinza
      @BugNinza  11 місяців тому +1

      👨‍💻🤜🤛

  • @praveenraj8704
    @praveenraj8704 11 місяців тому

    Firebase has now limited the number of SMS/day to just 10. Is there a way to increase this number ?

    • @BugNinza
      @BugNinza  11 місяців тому

      Change the settings to development and set-up billing details

    • @praveenraj8704
      @praveenraj8704 11 місяців тому

      @@BugNinza Can you clarify more please ?

  • @imasunflowerlilfunny3353
    @imasunflowerlilfunny3353 8 місяців тому

    can you upgrade it to autdetect otp

  • @MuthuAnushya
    @MuthuAnushya 8 місяців тому

    bro can i know its work react bare project as well or not????????

  • @鄭成藝
    @鄭成藝 9 місяців тому

    I got this error, Error sending code: [Error: [auth/missing-client-identifier] This request is missing a valid app identifier, meaning that Play Integrity checks, and reCAPTCHA checks were unsuccessful. Please try again, or check the logcat for more details.]

    • @BugNinza
      @BugNinza  9 місяців тому

      Check your code

  • @realvoices2356
    @realvoices2356 8 місяців тому

    Hi thanks for your video. After follow your steps, I use simulator android to test but I encounter this error: Error send code: [Error: [auth/app-not-authorized] This app is not authorized to use Firebase Authentication. Please verify that the correct package name, SHA-1, and SHA-256 are configured in the Firebase Console. [ Invalid app info in play_integrity_token ]]. Could you tell me What I do wrong? Thanks you for your help in advance!

    • @BugNinza
      @BugNinza  8 місяців тому +1

      check this: correct package name, SHA-1, and SHA-256

    • @realvoices2356
      @realvoices2356 8 місяців тому

      @@BugNinza I have followed your step-by-steps then there are 2 SHA-1, but no SHA-256, package name is correct. What should I do to fix this? Thanks you for your time!

    • @Huseyin-re6lv
      @Huseyin-re6lv 8 місяців тому

      @@realvoices2356 Hi, Have you been able to solve this problem?

    • @anon9234
      @anon9234 6 місяців тому

      @@realvoices2356 did u find solution I have same issue

    • @puzzledcompanion8348
      @puzzledcompanion8348 6 місяців тому

      @@realvoices2356 Hi, I'm encountering the same error. Have you found a solution yet?

  • @RushikeshGangapurkar
    @RushikeshGangapurkar 6 місяців тому

    An unexpected error has occurred. [Reason: Requested entity already exists] how to fix this i deleted old package from firebase

  • @minhajulhasan4123
    @minhajulhasan4123 Рік тому +1

    I have already done it 🎉🎉🎉🎉🎉🎉; it's working fine. The first time, I encountered an error and demotivated myself, but the issue was that I forgot to add the both SHA1 key. I had only added one. Now it's fine ❤❤❤❤.🎉🎉🎉

    • @BugNinza
      @BugNinza  Рік тому +1

      Senior dev in the house 🤜🤛

    • @abhishekgawande222
      @abhishekgawande222 9 місяців тому

      hello i am having the error in connecting the expo apk to the app in the local developement, means after updating the app.json i rebuild the app and downloaded the apk but while installing the apk it is saying "app not installed".What to do.

    • @ricardoyanez9464
      @ricardoyanez9464 9 місяців тому

      @@abhishekgawande222 delete de app already installed in the device. Dev apk is not de same that preview apk.

  • @selajdinmemeti2588
    @selajdinmemeti2588 2 місяці тому

    Hello guys. I am using firebase otp authentication on my reavt native app and it is working. But I dont know why when reCaptcha is solved the OTP arrives and then the confirmation response from firebase it takes extra 15 seconds to load. Please if someone can help with this issue?

    • @tamimdewan4111
      @tamimdewan4111 Місяць тому

      How did you set up phone verification ?

  • @El_ii
    @El_ii 7 місяців тому

    Hey, great tutorial!!! can you provide a tutorial on how to use an Android emulator with expo build development? Idk why I always encounter errors when trying to open my project in Android. Thanks!!! ☺

  • @shanulhaq1670
    @shanulhaq1670 Рік тому

    What is the meaning of this error code? Please explain
    LOG Error sending code: [TypeError: _this.native.configureAuthDomain is not a function (it is undefined)]

    • @BugNinza
      @BugNinza  Рік тому

      Check your firebase setup

    • @dangozzz1334
      @dangozzz1334 10 місяців тому

      @@BugNinza pls help same problem :((

  • @wendtoinissaka
    @wendtoinissaka Рік тому

    I have retried the tutorial but I have an another problem : "Build is waiting to enter the queue. Check your concurrency limit at : link"

    • @BugNinza
      @BugNinza  Рік тому

      rebuild your app again after some time

    • @wendtoinissaka
      @wendtoinissaka 10 місяців тому

      ​@@BugNinzahello : LOG Erreur lors de l'envoie du code [Error: [auth/too-many-requests] This project's quota for this operation has been exceeded. [ Exceeded quota. ]]
      LOG Erreur lors de l'envoie du code [Error: [auth/too-many-requests] This project's quota for this operation has been exceeded. [ Exceeded quota. ]]
      LOG Erreur lors de l'envoie du code [Error: [auth/too-many-requests] This project's quota for this operation has been exceeded. [ Exceeded quota. ]]
      LOG Erreur lors de l'envoie du code [Error: [auth/too-many-requests] This project's quota for this operation has been exceeded. [ Exceeded quota. ]]

    • @wendtoinissaka
      @wendtoinissaka 10 місяців тому

      thanks so much it run

  • @nat.serrano
    @nat.serrano 9 місяців тому

    good video, I paid 10 usd for the code but still I got this error
    Error sending code: [Error: [auth/missing-client-identifier] This request is missing a valid app identifier, meaning that Play Integrity checks, and reCAPTCHA checks were unsuccessful. Please try again, or check the logcat for more details.]

    • @BugNinza
      @BugNinza  9 місяців тому

      please setup your expo app for dev client properly

    • @nat.serrano
      @nat.serrano 9 місяців тому

      @@BugNinza it’s done properly. It’s a firebase auth. It’s a shitty product

    • @ravimishra8243
      @ravimishra8243 7 місяців тому

      @@nat.serrano hi , can you please tell me in that purchase zip folder ,is any config file of firebase present, not that google.json file ?

  • @MohammedAbdulHannan-y2z
    @MohammedAbdulHannan-y2z 5 місяців тому

    hey brother, can u make a video on firebase phone auth on web..

  • @divyendhsuresh434
    @divyendhsuresh434 10 місяців тому

    I am getting error bro , auth is not working , could you please help with that

    • @BugNinza
      @BugNinza  10 місяців тому

      Could you please explain your error a bit more? Also, feel free to DM me on social media for a quicker response.

  • @srikanthragishetti5370
    @srikanthragishetti5370 9 місяців тому

    eas login eas is not recognised internal or external command error i got it

  • @JiaqiZhaoJackie
    @JiaqiZhaoJackie 11 місяців тому

    Hi, do I need to setup reCAPTCHA verification before implement the OTP authentication?

    • @BugNinza
      @BugNinza  11 місяців тому

      no, firebase will take care of it

    • @JiaqiZhaoJackie
      @JiaqiZhaoJackie 11 місяців тому

      @@BugNinza I am not sure if I didn't anything wrong. But when I tried to get the code. It shows the following error message. Error: [auth/app-not-authorized] This app is not authorized to use Firebase Authentication. Please verify that the correct package name, SHA-1, and SHA-256 are configured in the Firebase Console. [ Invalid app info in play_integrity_token ]

  • @priyanshuassudani1276
    @priyanshuassudani1276 6 місяців тому

    i am following the exact process but my build fails for android everytime, can anyone help??

  • @himanshuarya7688
    @himanshuarya7688 Рік тому

    @Buz Ninja, bro please make a video of removing recaptcha in phone authentication firebase in reach native expo

    • @BugNinza
      @BugNinza  Рік тому

      if you are planning to publish your app to playstore then simply enable google play integrity api in google play console.
      Recaptcha verification is a firbase policy

    • @himanshuarya7688
      @himanshuarya7688 Рік тому

      @@BugNinza bhai enable krke dekha but nhi ho rha , mene expo k through "eas credentials" k through sh1 key or sh256 key ko firebase console m project app k under enter kr diya or app check m enable bhi kr diya play integrity api ko but still no luck bhai, please eska koi solution do bhut dino se espe hi time kharab ho rha h

  • @nileshsonawane3093
    @nileshsonawane3093 4 місяці тому

    Can anyone provide me source cide to send otp?

  • @wendtoinissaka
    @wendtoinissaka Рік тому

    Thank you so much! but
    I have the same problem with this command : "eas build --profile development --platform android"
    if a run the command as simple user I have : "Failed to upload the project tarball to EAS Build
    Reason: EPERM: operation not permitted, scandir 'C:\Users\ASUS\AppData\Local\ElevatedDiagnostics"
    if a run the command with adminstrator permission I have : "Failed to upload the project tarball to EAS Build
    Reason: Cannot copy 'C:\Users\ASUS' to a subdirectory of itself, 'C:\Users\ASUS\AppData\Local\Temp\eas-cli-nodejs\88bebc80-19fc-4c5c-9b98-ed5283c80138-shallow-clone'"

    • @BugNinza
      @BugNinza  Рік тому

      As per your error. something is not permitted. review this. Also, add a valid permissions to the app.json file and rebuild your app.
      docs: docs.expo.dev/guides/permissions/

    • @wendtoinissaka
      @wendtoinissaka Рік тому

      @@BugNinza Try and try again, but not solution for the moment😪😮‍💨

  • @JohnChavallaro
    @JohnChavallaro 9 місяців тому +1

    Great video!
    If you could create a video on IOS part then it will be very helpful.

  • @realvoices2356
    @realvoices2356 8 місяців тому

    Anyone have done this for production play console?

  • @kingshroud5780
    @kingshroud5780 Рік тому

    Keep it up 👍

  • @mohamadshekhabed8055
    @mohamadshekhabed8055 10 місяців тому

    Can do for ios

    • @BugNinza
      @BugNinza  10 місяців тому

      yes, but firebase setting and development build will be slightly different.

  • @wendtoinissaka
    @wendtoinissaka 10 місяців тому

    thanks so much it run

    • @BugNinza
      @BugNinza  10 місяців тому

      keep supporting

    • @abhishekgawande222
      @abhishekgawande222 9 місяців тому

      hello bro,all the component and ui is properly loading but unable to get the OTP for the Initial authentication.Could you help me in this

  • @husseinbayram71
    @husseinbayram71 11 місяців тому

    Hello bro, great video. Thank you for unblocking me. However, Im still facing one small problem. I can only send an SMS to the fictional phone numbers that i registered in Firebase authentication page. How can i send an SMS to an actual phone number

    • @BugNinza
      @BugNinza  11 місяців тому

      You can send otp to the actual phone number. I tested it. And when did i block you? 🤔

  • @arupde6320
    @arupde6320 10 місяців тому

    github ???

    • @BugNinza
      @BugNinza  10 місяців тому

      description

  • @batrasi
    @batrasi Місяць тому

    kon khareedega 800 rs mei apka source code?🤣🤣

  • @Muniyappank-lb6wc
    @Muniyappank-lb6wc 9 місяців тому

    [Error: [auth/app-not-authorized] This app is not authorized to use Firebase Authentication. Please verify that the correct package name, SHA-1, and SHA-256 are configured in the Firebase Console. [ Invalid app info in play_integrity_token ]]
    I got this error

    • @BugNinza
      @BugNinza  9 місяців тому

      Follow the steps carefully to set up your app.

    • @Muniyappank-lb6wc
      @Muniyappank-lb6wc 9 місяців тому

      @@BugNinza It is working in android device not in emulator

    • @Huseyin-re6lv
      @Huseyin-re6lv 8 місяців тому

      @@Muniyappank-lb6wc Hi, did you solve this problem?

    • @JustLearn2.0
      @JustLearn2.0 8 місяців тому

      ​@@Huseyin-re6lv yes

    • @Huseyin-re6lv
      @Huseyin-re6lv 7 місяців тому

      @@JustLearn2.0 how do i solve it?

  • @darkwood8938
    @darkwood8938 10 місяців тому

    Error sending code: [TypeError: (0, _auth.default)().SignInWithPhoneNumber is not a function (it is undefined)]
    help plz

    • @BugNinza
      @BugNinza  10 місяців тому

      Spelling mistake