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

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 ก.ย. 2024

ความคิดเห็น • 142

  • @minhajulhasan4123
    @minhajulhasan4123 8 หลายเดือนก่อน

    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  8 หลายเดือนก่อน +1

      Senior dev in the house 🤜🤛

    • @abhishekgawande222
      @abhishekgawande222 5 หลายเดือนก่อน

      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 5 หลายเดือนก่อน

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

  • @El_ii
    @El_ii 3 หลายเดือนก่อน

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

  • @JohnChavallaro
    @JohnChavallaro 5 หลายเดือนก่อน +1

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

  • @RushikeshGangapurkar
    @RushikeshGangapurkar 2 หลายเดือนก่อน

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

  • @EthioComputerAIInfo
    @EthioComputerAIInfo 8 หลายเดือนก่อน +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  8 หลายเดือนก่อน

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

    • @hemalathakanagaraj36
      @hemalathakanagaraj36 6 หลายเดือนก่อน

      I also got this error​@@BugNinza

    • @hemalathakanagaraj36
      @hemalathakanagaraj36 6 หลายเดือนก่อน

      ​@@BugNinzaI too got the same error

    • @Arterum-MC
      @Arterum-MC 4 หลายเดือนก่อน

      Someone get a fix about this error ?

  • @kshitizsharma9033
    @kshitizsharma9033 21 วันที่ผ่านมา

    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 ]]

  • @teminoah2960
    @teminoah2960 3 หลายเดือนก่อน

    what expo SDK and firebase version is this applicable to ?

  • @DAIN0423-t3g
    @DAIN0423-t3g 2 วันที่ผ่านมา

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

  • @kingshroud5780
    @kingshroud5780 8 หลายเดือนก่อน

    Keep it up 👍

    • @BugNinza
      @BugNinza  8 หลายเดือนก่อน

      Always ❤️

  • @wendtoinissaka
    @wendtoinissaka 6 หลายเดือนก่อน

    thanks so much it run

    • @BugNinza
      @BugNinza  6 หลายเดือนก่อน

      keep supporting

    • @abhishekgawande222
      @abhishekgawande222 5 หลายเดือนก่อน

      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

  • @darkwood8938
    @darkwood8938 6 หลายเดือนก่อน

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

    • @BugNinza
      @BugNinza  6 หลายเดือนก่อน

      Spelling mistake

  • @suryanshbhatnagar2857
    @suryanshbhatnagar2857 7 หลายเดือนก่อน

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

    • @BugNinza
      @BugNinza  7 หลายเดือนก่อน

      Review ur code and firebase app set-up

    • @suryanshbhatnagar2857
      @suryanshbhatnagar2857 7 หลายเดือนก่อน

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

  • @Muniyappank-lb6wc
    @Muniyappank-lb6wc 5 หลายเดือนก่อน

    [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  5 หลายเดือนก่อน

      Follow the steps carefully to set up your app.

    • @Muniyappank-lb6wc
      @Muniyappank-lb6wc 5 หลายเดือนก่อน

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

    • @Huseyin-re6lv
      @Huseyin-re6lv 4 หลายเดือนก่อน

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

    • @JustLearn2.0
      @JustLearn2.0 4 หลายเดือนก่อน

      ​@@Huseyin-re6lv yes

    • @Huseyin-re6lv
      @Huseyin-re6lv 3 หลายเดือนก่อน

      @@JustLearn2.0 how do i solve it?

  • @wendtoinissaka
    @wendtoinissaka 8 หลายเดือนก่อน

    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  8 หลายเดือนก่อน

      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 8 หลายเดือนก่อน

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

  • @JiaqiZhaoJackie
    @JiaqiZhaoJackie 7 หลายเดือนก่อน

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

    • @BugNinza
      @BugNinza  7 หลายเดือนก่อน

      no, firebase will take care of it

    • @JiaqiZhaoJackie
      @JiaqiZhaoJackie 7 หลายเดือนก่อน

      @@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 ]

  • @MohammedAbdulHannan-y2z
    @MohammedAbdulHannan-y2z หลายเดือนก่อน

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

  • @aniketteltumbade8338
    @aniketteltumbade8338 7 หลายเดือนก่อน +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  7 หลายเดือนก่อน

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

  • @nileshsonawane3093
    @nileshsonawane3093 11 วันที่ผ่านมา

    Can anyone provide me source cide to send otp?

  • @mansikhatri9302
    @mansikhatri9302 หลายเดือนก่อน

    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.

  • @ricardoyanez9464
    @ricardoyanez9464 5 หลายเดือนก่อน +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 4 หลายเดือนก่อน

      me too, Have you solved it?

    • @aaditmaheshwari4080
      @aaditmaheshwari4080 2 หลายเดือนก่อน

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

  • @gregfenton
    @gregfenton หลายเดือนก่อน

    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".

  • @praveenraj8704
    @praveenraj8704 7 หลายเดือนก่อน +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  7 หลายเดือนก่อน +1

      The video of email auth is already uploaded, check playlist

    • @praveenraj8704
      @praveenraj8704 7 หลายเดือนก่อน +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 7 หลายเดือนก่อน +1

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

  • @Truefalse-j4i
    @Truefalse-j4i หลายเดือนก่อน

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

  • @priyanshuassudani1276
    @priyanshuassudani1276 2 หลายเดือนก่อน

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

  • @BatmanBottomG
    @BatmanBottomG 4 หลายเดือนก่อน

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

  • @m-coder2266
    @m-coder2266 6 หลายเดือนก่อน

    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  6 หลายเดือนก่อน

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

  • @dhakshat6030
    @dhakshat6030 4 หลายเดือนก่อน

    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 3 หลายเดือนก่อน

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

  • @鄭成藝
    @鄭成藝 5 หลายเดือนก่อน

    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  5 หลายเดือนก่อน

      Check your code

  • @husseinbayram71
    @husseinbayram71 7 หลายเดือนก่อน

    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  7 หลายเดือนก่อน

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

  • @m-coder2266
    @m-coder2266 6 หลายเดือนก่อน

    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  6 หลายเดือนก่อน

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

    • @m-coder2266
      @m-coder2266 6 หลายเดือนก่อน

      Thanks fix it @@BugNinza

  • @MuthuAnushya
    @MuthuAnushya 7 หลายเดือนก่อน

    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  7 หลายเดือนก่อน +1

      👨‍💻🤜🤛

  • @1HardInch
    @1HardInch 3 หลายเดือนก่อน

    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 2 หลายเดือนก่อน

      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.

  • @InDynamics
    @InDynamics 6 หลายเดือนก่อน

    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  6 หลายเดือนก่อน

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

    • @SamBIllium
      @SamBIllium 4 หลายเดือนก่อน

      Same issue

  • @renadasiri-qh6jz
    @renadasiri-qh6jz 6 หลายเดือนก่อน

    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  6 หลายเดือนก่อน

      yes, a single code can be used for both

  • @realvoices2356
    @realvoices2356 4 หลายเดือนก่อน

    Anyone have done this for production play console?

  • @RohitRaj-l2x
    @RohitRaj-l2x 6 หลายเดือนก่อน

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

    • @BugNinza
      @BugNinza  6 หลายเดือนก่อน

      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.

  • @MridulSingh-b3b
    @MridulSingh-b3b 8 หลายเดือนก่อน

    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  8 หลายเดือนก่อน +1

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

  • @himanshuarya7688
    @himanshuarya7688 8 หลายเดือนก่อน

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

    • @BugNinza
      @BugNinza  8 หลายเดือนก่อน

      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 8 หลายเดือนก่อน

      @@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

  • @shanulhaq1670
    @shanulhaq1670 8 หลายเดือนก่อน

    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  8 หลายเดือนก่อน

      Check your firebase setup

    • @dangozzz1334
      @dangozzz1334 6 หลายเดือนก่อน

      @@BugNinza pls help same problem :((

  • @divyendhsuresh434
    @divyendhsuresh434 6 หลายเดือนก่อน

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

    • @BugNinza
      @BugNinza  6 หลายเดือนก่อน

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

  • @nat.serrano
    @nat.serrano 5 หลายเดือนก่อน

    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  5 หลายเดือนก่อน

      please setup your expo app for dev client properly

    • @nat.serrano
      @nat.serrano 5 หลายเดือนก่อน

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

    • @ravimishra8243
      @ravimishra8243 3 หลายเดือนก่อน

      @@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 ?

  • @abhishekgawande222
    @abhishekgawande222 5 หลายเดือนก่อน

    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  5 หลายเดือนก่อน

      check your device permission for the external app installations

    • @abhishekgawande222
      @abhishekgawande222 5 หลายเดือนก่อน

      @@BugNinza does this will solve the problem

  • @smallradcomp.2534
    @smallradcomp.2534 3 หลายเดือนก่อน

    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 3 หลายเดือนก่อน

      I'm also stucked in this

    • @noorsaid2259
      @noorsaid2259 หลายเดือนก่อน

      any progress? i have a similar problem with recaptchaverifier

  • @praveenraj8704
    @praveenraj8704 7 หลายเดือนก่อน

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

    • @BugNinza
      @BugNinza  7 หลายเดือนก่อน

      Change the settings to development and set-up billing details

    • @praveenraj8704
      @praveenraj8704 7 หลายเดือนก่อน

      @@BugNinza Can you clarify more please ?

  • @aidan7226
    @aidan7226 7 หลายเดือนก่อน

    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  7 หลายเดือนก่อน

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

    • @jadnacouzi
      @jadnacouzi 6 หลายเดือนก่อน

      did you find what was the problem with that error?

    • @aidan7226
      @aidan7226 6 หลายเดือนก่อน

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

  • @tusharmangla3323
    @tusharmangla3323 7 หลายเดือนก่อน

    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  7 หลายเดือนก่อน

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

    • @tusharmangla3323
      @tusharmangla3323 7 หลายเดือนก่อน

      @@BugNinza please help to solve this issue🙏🙏

  • @wendtoinissaka
    @wendtoinissaka 8 หลายเดือนก่อน

    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  8 หลายเดือนก่อน

      rebuild your app again after some time

    • @wendtoinissaka
      @wendtoinissaka 6 หลายเดือนก่อน

      ​@@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 6 หลายเดือนก่อน

      thanks so much it run

  • @MuthuAnushya
    @MuthuAnushya 4 หลายเดือนก่อน

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

    • @BugNinza
      @BugNinza  4 หลายเดือนก่อน

      Yes

  • @imasunflowerlilfunny3353
    @imasunflowerlilfunny3353 4 หลายเดือนก่อน

    can you upgrade it to autdetect otp

  • @realvoices2356
    @realvoices2356 4 หลายเดือนก่อน

    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  4 หลายเดือนก่อน +1

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

    • @realvoices2356
      @realvoices2356 4 หลายเดือนก่อน

      @@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 4 หลายเดือนก่อน

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

    • @anon9234
      @anon9234 2 หลายเดือนก่อน

      @@realvoices2356 did u find solution I have same issue

    • @puzzledcompanion8348
      @puzzledcompanion8348 2 หลายเดือนก่อน

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

  • @srikanthragishetti5370
    @srikanthragishetti5370 5 หลายเดือนก่อน

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

  • @mohamadshekhabed8055
    @mohamadshekhabed8055 6 หลายเดือนก่อน

    Can do for ios

    • @BugNinza
      @BugNinza  6 หลายเดือนก่อน

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

  • @arupde6320
    @arupde6320 6 หลายเดือนก่อน

    github ???

    • @BugNinza
      @BugNinza  6 หลายเดือนก่อน

      description