How to create your first mobile app using Ionic Angular - Part 2: Firebase login - Ionic 5

Sdílet
Vložit
  • čas přidán 8. 09. 2024

Komentáře • 109

  • @abdieln5255
    @abdieln5255 Před 4 lety +6

    You’re the best bro 👍🏼👍🏼👍🏼

    • @CodeSwag
      @CodeSwag  Před 4 lety +1

      Much appreciated Abdiel

    • @abdieln5255
      @abdieln5255 Před 4 lety +1

      Code Swag bro try to make a lot of videos, remember we’re in quarantine doing nothing and would be great make an app.
      Blessings

    • @CodeSwag
      @CodeSwag  Před 4 lety +1

      Hey Abdiel! Thank you so much for supporting this channel. It's really appreciated. I'd like to give you a FREE copy of my course, "Ionic: Tips, Tricks & Techniques" by Packt Publishing. Please get in touch on shop@codeswag.co.uk. Have a great day!

    • @imvk._6677
      @imvk._6677 Před 4 lety +1

      Bro i just visited ur shop@codeswag.co.uk such awesome design...give me that tips and tricks ...i want to learn

  • @honeybunnynw
    @honeybunnynw Před 3 lety +3

    im an absolute beginner and really thankful for your videos! really helpful bc u explain them in detail. May God bless you!

  • @jalal_al-thahab
    @jalal_al-thahab Před 3 lety +2

    I love your coding way...

  • @hahnemannlenka8658
    @hahnemannlenka8658 Před 4 lety +10

    in login and register function: if we remove the .auth from ngFireAuth. its working

  • @AnkitJain-ev8nk
    @AnkitJain-ev8nk Před 4 lety +1

    awesome .. saw the first one also .. its amazing ..'

    • @CodeSwag
      @CodeSwag  Před 4 lety

      Thank you. Please do subscribe 😊

  • @russelfernandes8483
    @russelfernandes8483 Před 4 lety +1

    Wonderful course!

    • @CodeSwag
      @CodeSwag  Před 4 lety

      Thanks for watching Russel!

  • @malikhandev
    @malikhandev Před 2 lety +1

    Thanks its very useful 😊

    • @CodeSwag
      @CodeSwag  Před 2 lety

      You are most welcome. Please like the video & subscribe 😊

  • @MaxDiegardo
    @MaxDiegardo Před 4 lety +1

    thanks very much! very easy to understand tutorials. :)

    • @CodeSwag
      @CodeSwag  Před 4 lety

      You are most welcome Max. Please do subscribe 😊

  • @spacedust8061
    @spacedust8061 Před 2 lety +1

    thank you for your work, really appreciate!

  • @rampage241
    @rampage241 Před 4 lety +2

    Thanks for this bro. You rock!

    • @CodeSwag
      @CodeSwag  Před 4 lety

      I'm glad you liked it 😊

  • @speeroone4856
    @speeroone4856 Před 4 lety +1

    Awesome 👏

  • @whizzyanahtreek
    @whizzyanahtreek Před 2 lety

    Hi , I have error Type AngularFireAuth does not have 'ɵmod' property pls help me

  • @user-cq4yd7mi1b
    @user-cq4yd7mi1b Před 3 lety +1

    It is helpful, thanks.

  • @al-johncadevida790
    @al-johncadevida790 Před 3 lety +1

    Thanks man! please make some tutorial for django framework

  • @princejairofortuna7525

    why the "else {}"
    part is not working if the log in fails?

  • @sensenart7652
    @sensenart7652 Před rokem +1

    I am stuck with the part ' if (user.user.email) { it always an error for me

    • @MakeItSoundGood
      @MakeItSoundGood Před rokem

      same man, after I fixed the .auth problem I got stuck with user.user.email might be 'null', haven't really found a way to solve it yet

  • @ajaypawar7308
    @ajaypawar7308 Před 4 lety +1

    Thank you 😊

    • @CodeSwag
      @CodeSwag  Před 4 lety

      You are most welcome, please do subscribe 😊

  • @gauthierngindu2881
    @gauthierngindu2881 Před 4 lety +1

    this.ngFireAuth.auth.createUserWithEmailAndPassword is not a function
    TypeError: this.ngFireAuth.auth.createUserWithEmailAndPassword is not a function how to fix it please sir?

  • @Chompi
    @Chompi Před 4 lety +1

    I have a problem with ng.FireAuth
    Property 'auth' does not exist on type 'AngularFireAuth'

  • @cesarhortua8493
    @cesarhortua8493 Před 4 lety

    Once again Bro, great video!

  • @equipincsdnbhd1842
    @equipincsdnbhd1842 Před 2 lety

    How can we get the older version of firebase ? Possible ?
    my error on import { AngularFireAuthmodule } from '@angular/fire/auth';

  • @tanakamadondo3837
    @tanakamadondo3837 Před 3 lety +1

    Wonderful stuff my guy!

  • @Robert-gr1cl
    @Robert-gr1cl Před 3 lety +1

    how can i make it say on the phone screen what error they get from registering an already registered email or any other error? nice video btw, first one was good as well

    • @CodeSwag
      @CodeSwag  Před 3 lety +1

      You can grab the error message from the object returned by firebase and display it to the user using an Ion-alert component. Glad you liked the tutorial 🙂

  • @akhilsraj
    @akhilsraj Před 4 lety +1

    Thanks..👍👍

    • @CodeSwag
      @CodeSwag  Před 4 lety

      You are most welcome Akhil!

  • @leoarce8667
    @leoarce8667 Před 2 lety

    in the integrating firebase and angular fire in an ionic app section, i get failed to compile. can't move on to creating register button and the rest of it until this part is fixed. what is the fix? i did create the firebase project and copied that firebase config object to place in the environments file. made sure both the app.module.ts and the environment.ts files both were edited and saved and it still doesn't work. i did install firebase and angular fire. why won't it compile?

  • @annrrysoriano6556
    @annrrysoriano6556 Před 3 lety

    where and when did you create the ionic-firebase-login? it is not being discussed in your tutorials. please reply thankyou so much.

  • @rohit649
    @rohit649 Před 4 lety +1

    Thanks for the tutorial. Can you help me with creating up a sign up page with filling information of the user.

    • @CodeSwag
      @CodeSwag  Před 4 lety +1

      Hi Rohit. What's the specific problem you are facing?

    • @rohit649
      @rohit649 Před 4 lety

      @@CodeSwag i want to create a create account page that would have name , address, and mobile number to verify otp.

  • @prashanthkumarpara6203
    @prashanthkumarpara6203 Před 3 lety +1

    I'm getting errors while importing please help me out...

  • @highmountdigital
    @highmountdigital Před 3 lety +2

    Registration must be at least 6 characters .
    When you try the register button for the first time :)

    • @CodeSwag
      @CodeSwag  Před 3 lety +1

      Thanks for the tip!

    • @annrrysoriano6556
      @annrrysoriano6556 Před 3 lety

      @@CodeSwag where and when did you create the ionic-firebase-login? it is not being discussed in your tutorials. please reply thankyou so much.

  • @bgmtracks4617
    @bgmtracks4617 Před 2 lety +2

    I'm getting an error :
    @angular/fire has no exported member 'AngularFireModule' and
    @angular/fire/auth has no exported member "AngularFireAuthModule'
    I can't seem to figure out the reason here.

    • @CodeSwag
      @CodeSwag  Před 2 lety +1

      Firebase recently changed their api so the code in this tutorial doesn't work with a version of firebase released after August 2021. So you have two options, you can install an older version of Firebase & use the code shown here, otherwise you will have to learn the new syntax in the newest versions of Angular

    • @bilkedev6204
      @bilkedev6204 Před 2 lety +1

      @@CodeSwag If you want to proceed with the older API there's a compatibility layer.
      import { AngularFireModule} from '@angular/fire/compat';
      import { AngularFireAuthModule } from '@angular/fire/compat/auth';

    • @TheKikomanteigas
      @TheKikomanteigas Před 2 lety

      @@bilkedev6204 Thank you so much

  • @ZedriqSteven
    @ZedriqSteven Před 3 lety +1

    I badly needed the code for the firebase log-in, the website of the download page is not supported I think.

    • @CodeSwag
      @CodeSwag  Před 3 lety

      sorry but I, unfortunately, lost data on the website :(

    • @ZedriqSteven
      @ZedriqSteven Před 3 lety +1

      @@CodeSwag can I just copy the code to the file I made for the first tutorial?Thankyou

    • @CodeSwag
      @CodeSwag  Před 3 lety +1

      @@ZedriqSteven Yes you can. There may be some slight differences because the first tutorial used Ionic 4 while this one is Ionic 5 but the differences are very few. :)

  • @hahnemannlenka8658
    @hahnemannlenka8658 Před 4 lety

    Thanks a lot bro

    • @CodeSwag
      @CodeSwag  Před 4 lety

      Happy to help. Please like, share and subscribe and click the bell icon so that you can get notified when I upload new videos.

  • @hendhnainia4267
    @hendhnainia4267 Před 4 lety +1

    THANK YOUUUU

    • @CodeSwag
      @CodeSwag  Před 4 lety

      You are most welcome! 😀

  • @sangeethasekar2027
    @sangeethasekar2027 Před 4 lety +1

    Hello sir I got an error "property 'auth' does not exist on type 'AngularFireAuth' . I deleted auth still getting error. How to resolve it?
    Uncaught (in promise): Error: This constructor is not compatible with Angular Dependency Injection because its dependency at index 1 of the parameter list is invalid.

    • @CodeSwag
      @CodeSwag  Před 4 lety

      Please share your code on github and I will help you to debug. Email me on shop@codeswag.co.uk

    • @josephedgar9622
      @josephedgar9622 Před 4 lety +1

      Try just using this.ngFireAuth.signInWithEmailAndPassword()

  • @snehankitchikhalekar1973
    @snehankitchikhalekar1973 Před 4 lety +1

    Hello sir I got an error "property 'auth' does not exist on type 'AngularFireAuth' how to reovle it PLZZ help sir

    • @CodeSwag
      @CodeSwag  Před 4 lety

      Thanks for watching. Please send a screenshot of the error or share your code via github to shop@codeswag.co.uk

    • @CodeSwag
      @CodeSwag  Před 4 lety +2

      try this:
      "See the changelog item 6.0.0-rc.0 (2020-01-30)
      @angular/fire/auth
      AngularFireAuth has dropped the auth property and instead Promise Proxies the underlying Firebase auth.Auth instance
      Just delete the "auth", and it will work"

    • @snehankitchikhalekar1973
      @snehankitchikhalekar1973 Před 4 lety

      @@CodeSwag thank you sir🙌🙌

  • @addyontour9348
    @addyontour9348 Před 4 lety

    Highly appreciated bro!!! I tried contacting you over instagram and facebook. I need your small help in creating an application. I will really be thankful to you brother.

  • @suicidedeath3955
    @suicidedeath3955 Před 4 lety

    I'm getting a an error that says "Failed to Compile. Debug Failure. False Expression". Do you know how to fix it?

    • @CodeSwag
      @CodeSwag  Před 4 lety

      Please upload your code to github and share the link shop@codeswag.co.uk

  • @fg1998
    @fg1998 Před 11 měsíci

    broken link :( 3 years seems an eternity in CZcams tutorials

  • @randomthings9858
    @randomthings9858 Před 3 lety

    I have a problem at 18:01, mine says property 'auth' does not exist on type 'AngularFireAuth'. How to fix this? idk if this helps but when I typed ngFireAuth.auth it changes to ngFireAuth.authState. Does that mean anything?

    • @randomthings9858
      @randomthings9858 Před 3 lety

      it's okay i have solved that problem

    • @commando-6972
      @commando-6972 Před 3 lety

      @@randomthings9858 can you give solution

    • @randomthings9858
      @randomthings9858 Před 3 lety

      @@commando-6972 i may be too late to reply but all i did was removing the 'auth' and it should work

  • @frederiktaodybdallarsen898

    Souace ;)

  • @hendhnainia4267
    @hendhnainia4267 Před 4 lety +1

    'auth' does not exist on type 'AngularFireAuth'

    • @CodeSwag
      @CodeSwag  Před 4 lety

      Please send a screenshot of the error, or share your project on github and I can help you debug shop@codeswag.co.uk

    • @CodeSwag
      @CodeSwag  Před 4 lety

      try this fix:
      "See the changelog item 6.0.0-rc.0 (2020-01-30)
      @angular/fire/auth
      AngularFireAuth has dropped the auth property and instead Promise Proxies the underlying Firebase auth.Auth instance
      Just delete the "auth", and it will work"

    • @Chompi
      @Chompi Před 4 lety

      @@CodeSwag
      It doesn't work
      async login(){
      const user = await this.ngFireAuth.singInWithEmailAndPassword(this.user.email, this.user)
      "Property 'singInWithEmailAndPassword' does not exist on type 'AngularFireAuth'. Did you mean 'signInWithEmailAndPassword'?ts(2551)"

  • @leofrancoebdane2841
    @leofrancoebdane2841 Před 2 lety +1

    hello why theres a problem to me in 13:20s in video the import { AngularFireModule } from '@angular/fire';
    import { AngularFireAuthmodule } from '@angular/fire/auth';

    • @leofrancoebdane2841
      @leofrancoebdane2841 Před 2 lety

      and has no exported member how to fix that

    • @CodeSwag
      @CodeSwag  Před 2 lety

      Angular Firebase was updated in September 2021 to use a new syntax. The syntax show in this video no longer works.

  • @techocube4566
    @techocube4566 Před 4 lety +1

    website is not work today

    • @CodeSwag
      @CodeSwag  Před 4 lety

      Yes, sorry for that. Our team is working on bringing the website back online. Sorry for the trouble.

  • @xXxLuckyx619
    @xXxLuckyx619 Před 2 lety

    your links are broken

  • @annrrysoriano6556
    @annrrysoriano6556 Před 3 lety

    how

  • @learningprogramming7686
    @learningprogramming7686 Před 2 lety +1

    Hello sir. Is it possible for you to do a tutorial on how to catch the error in login and sign up page and show it to the user ? 🥲🥲

    • @CodeSwag
      @CodeSwag  Před 2 lety

      Sure. I'll look into that. Thanks for watching.

  • @siddikshaikh6373
    @siddikshaikh6373 Před 2 lety +1

    const user= await this.ngFireAuth.auth.signInWithEmailAndPassword(this.user.email,this.user.password);
    i got error on auth....

    • @CodeSwag
      @CodeSwag  Před 2 lety +1

      The API for Angular Firebase has changed so this code won't work with the newer versions. So you can either learn the new syntax or downgrade your version of Angular Firebase

    • @siddikshaikh6373
      @siddikshaikh6373 Před 2 lety +1

      @@CodeSwag YES I got it ...Thank you have a wonderfull future ahead.

    • @CodeSwag
      @CodeSwag  Před 2 lety +1

      Thank you. You are most welcome. Please do subscribe.

  • @nehasabrintk1988
    @nehasabrintk1988 Před rokem

    The code page does not exist.🥲

  • @learningprogramming7686
    @learningprogramming7686 Před 2 lety +1

    Hello sir. Is it possible for you to do a tutorial on how to catch the error in login and sign up page and show it to the user ? 🥲🥲

    • @CodeSwag
      @CodeSwag  Před 2 lety

      Yes, sure. I'll work on that

  • @learningprogramming7686

    Hello sir. Is it possible for you to do a tutorial on how to catch the error in login and sign up page and show it to the user ? 🥲🥲