Google authentication in Angular Project | Google SignIn Angular | Angular Social Login with Google

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ธ.ค. 2024

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

  • @sabrinapyles563
    @sabrinapyles563 8 หลายเดือนก่อน +3

    I love how you go at a decent pace but explain everything and provide resources. Very useful, thank you!!

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

      I’m glad, thank you!🙂

  • @swatiinje6986
    @swatiinje6986 3 วันที่ผ่านมา

    This video was really helpful!! I was trying to get google sign in done from past two days, but after this video my efforts were shortened to 20-30 mins with integration and testing!

    • @letsprogram30
      @letsprogram30  3 วันที่ผ่านมา +1

      @@swatiinje6986 love to hear this 😉

    • @swatiinje6986
      @swatiinje6986 3 วันที่ผ่านมา

      @letsprogram30 Yeah!!! loved your approach!!

  • @Yuri-b7s
    @Yuri-b7s 6 หลายเดือนก่อน +2

    this was the most helpful video on OAuth. thank you very much!

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

      You’re welcome 🙂

  • @SahilAdeemHighlights
    @SahilAdeemHighlights 11 หลายเดือนก่อน +2

    Can you please make a tutorial on payment gateway implementation in MEAN Stack?

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

    Wonderful explanation. So easy to understand.

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

    Thank you for the excellent work. Just one question though, in the app routes instead of directly writing the component property and assigning directly the component name, why are you writing loadComponent and then importing inside it the component ? What is the benefit of this approach ?

    • @letsprogram30
      @letsprogram30  2 หลายเดือนก่อน +1

      @@abhishekjadhav9289 so basically I’m utilising the feature of standalone components. So it will create a separate chuck and will lazy load on demand when the route is active

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

      @@letsprogram30 Thank you so much. Keep up the great work.

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

      @@abhishekjadhav9289 Sure man!

  • @lidaannajoshy6047
    @lidaannajoshy6047 7 หลายเดือนก่อน +1

    The user's profile picture and other details are not displayed until the page is refreshed,
    why is it like that for me?

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

      Reactivity might be missing, check the behaviour subject implementation

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

      I am also facing the same issue. Did it got resolved ?

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

    using your video i successfully create sign in flow & add user in my db, now how can i create log in with google flow ?

  • @radudamian3473
    @radudamian3473 11 หลายเดือนก่อน +1

    Can't find the img src. Did you forget about in the description? Or I'm blind?

    • @letsprogram30
      @letsprogram30  11 หลายเดือนก่อน +1

      Haha I’m so sorry, but you can find the whole code in my Netflix clone video 🙂

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

    Everything seems working as expected but at the end after signout the home page doesnot display the google signup button. It only shows after refesh.

  • @Justfunny352
    @Justfunny352 ปีที่แล้ว +2

    just what i needed, thanks man❤

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว +2

      Happy to help 🙂
      Stay tuned for Netflix clone, releasing it this weekend!
      If need help at any step, DM me on Instagram 😊

  • @JatinArora-x5e
    @JatinArora-x5e 3 วันที่ผ่านมา

    Can you help in doing sign in from other page like /signup to /browse ,I am able to do sign in from localhost:4200 to localhost:4200/browse but my use case is different as I mentioned and getting the error message 'The given origin is not allowed for the given client id' and take me to the localhost:4200 from /signup page. It will be very helpful

    • @letsprogram30
      @letsprogram30  3 วันที่ผ่านมา

      DM me on linkedIN or Insta

    • @JatinArora-x5e
      @JatinArora-x5e 2 วันที่ผ่านมา

      @@letsprogram30 Hi I have DM you on the insta

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

    Thank you sir! Great video

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

      @@elbachiroutidrarine9680 I’m glad you loved it 🙂

  • @debankurbhattacharjee3021
    @debankurbhattacharjee3021 ปีที่แล้ว

    Great work sashi..just put more videos on Angular and .NET Core !
    and one think i would say its more convinient to use LocalStoragebthan session storage
    thanks in Advance....

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว

      Thanks man! 🙂
      Sure I will be coming up with some more videos.
      Also I used session storage here because In case I use different Google account to login in new tab then the app should not update the payload value for the 1st session

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

    Explaination is wonderful but i facing issue on google btn not showing process is same but not showing
    "Google is not define"thís error is show how to resolve

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

      @@gaurao123 are you using SSR? Make sure when you have created the application do not select SSR as Yes

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

      @@letsprogram30 yes SSR selected thank u ☺️ sir

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

      @@gaurao123 happy to help, let me know if you need any further help 🙂

    • @DragonHeart841
      @DragonHeart841 6 วันที่ผ่านมา

      mine is not using SSR and is returning the same error :(

    • @letsprogram30
      @letsprogram30  6 วันที่ผ่านมา

      @@DragonHeart841 I can help you to check, DM me on my any social media platform

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

    Signout object not cleared properly. When I click sign out still shows object

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

    can you please implement Stripe Payment method Integration with Angular

  • @KeerthiRajan-lj2tz
    @KeerthiRajan-lj2tz 5 หลายเดือนก่อน

    It will use for both Android and MacOs ???

  • @ipeek6213
    @ipeek6213 9 หลายเดือนก่อน +1

    Hi, thanks for the video! I'm getting a strange error, the login is working fine, but I get: ERROR ReferenceError: google is not defined at _AuthComponent.ngOnInit. I'm new to Angular and ts, anyone knows a solution?

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

      Are you using Angular v17 with SSR?

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

      @@letsprogram30 yes

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

      @@letsprogram30 I'm also getting this error

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

      Guys DM me on insta let’s fix this together!

    • @AnubhavSingla-fr1ol
      @AnubhavSingla-fr1ol 8 หลายเดือนก่อน +1

      I am also getting same error, how did you fix it ?

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

    Even on sign out,why the google button is showing the previous logged data in button.
    Like
    Sign in as ****
    Email id

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

      it is not showing the previous logged in data. it is showing your logged in account in browser

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

    Hello Shashi, even I have followed the all steps I am not able to get that sign with google button.

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

      Hello let’s connect and fix it together

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

      @@letsprogram30 I replaced div to button now it is coming... Thanks

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

      @@rahulshelar9943 But does that work on clicking?

  • @KanishS-wq4kb
    @KanishS-wq4kb 7 หลายเดือนก่อน

    how to make the context has signup, I have tried but no changes. How can I achieve that?

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

      Currently with the approach in the video it just cover the authentication. Here signup doesn’t make sense because we are not connected it with Database to store the creds. This approach in the video is to just allow the genuine users who has a Google account.

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

    amazing course

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

    what can be reason of that script gsi/client not work and button doesnt even appear?

    • @OsamaHasan-xk8ty
      @OsamaHasan-xk8ty 6 หลายเดือนก่อน

      i am also the same issue

  • @AnubhavSingla-fr1ol
    @AnubhavSingla-fr1ol 8 หลายเดือนก่อน

    I am getting this error
    ERROR ReferenceError: google is not defined
    at _RegisterComponent.ngOnInit
    how to fix it, I am using angular 17 with ssr

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

      Hey mate, when you launch the ng new project_name_frontend command, after the step of selecting the Style Sheet option, mark the SSR option as no (n)

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

      same error here, did u find any solution?

    • @edwardvlad4945
      @edwardvlad4945 7 หลายเดือนก่อน +1

      @@brunohenriquecontente are you kidding man? :))

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

      @@edwardvlad4945 why ? it's serious.

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

      @@edwardvlad4945 haha 😂

  • @MG-cw2xc
    @MG-cw2xc ปีที่แล้ว

    React sheekh lun Kay? Ya phir nodejs

  • @PrashanthKumarDS-pl5jd
    @PrashanthKumarDS-pl5jd 3 หลายเดือนก่อน

    Its a very good video to implement the gsi in angular. Help me with , how to get the access_token .

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

    make more frontend
    projects on angular

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

    Screen is white none show
    one issue show process is not define on console

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

      @@gaurao123 have you selected SSR as yes will creating the app?

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

      @@letsprogram30 but now create another new project

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

      @@letsprogram30 but last project run or Google button SSR false then output show but router is apply and issue on console

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

    When you run this on mobile phone it does not show Google button, what is the reason?

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

      I had a similar problem with Edge browser on my windows desktop. Turns out that the browser was blocking the google script with the message - "Third-party cookie will be blocked in future Microsoft Edge versions as part of unpartitioned third-party cookie deprecation.". I don't have a solution to this yet.

  • @arunkumarboddula4441
    @arunkumarboddula4441 10 หลายเดือนก่อน +4

    Can I get git hub link for this tutorial

  • @LalitKumar-j4d
    @LalitKumar-j4d 3 หลายเดือนก่อน

    Thanks brother

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

    Wonderful!

  • @Booster09999
    @Booster09999 ปีที่แล้ว

    Finally ❤

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว +1

      Wait will be worth 🙂

    • @Booster09999
      @Booster09999 ปีที่แล้ว

      @@letsprogram30 yes love your content ❤️❤️❤️

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว +1

      @@Booster09999 thanks brother, this will fuel me to get going ❤️

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

    thanks for the video it help me.

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

      I’m glad it was helpful to you!

  • @MG-cw2xc
    @MG-cw2xc ปีที่แล้ว

    Bhai angular 6 month experience hai job nahi lag raha hai kya krun

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว

      Let’s connect

    • @MG-cw2xc
      @MG-cw2xc ปีที่แล้ว

      @@letsprogram30 hii

    • @MG-cw2xc
      @MG-cw2xc ปีที่แล้ว

      How to connect

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว

      @@MG-cw2xc DM me on Instagram or I will share the topmate link to you were I can guide you

  • @ritwikgupta7540
    @ritwikgupta7540 ปีที่แล้ว

    I am making a project from your authentication series

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว

      Good, let me know if you need help

  • @rishiraj2548
    @rishiraj2548 ปีที่แล้ว

    Great thanks

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

    Arey bhai mere fully featured complete ecommerce app bnaa do .. with role base auth seller and admin dashboard .. notifications of every events , delivery slip email , forgot reset password email verification on registration advance searching sorting and filtering products and much more with .Net 8 and Angular 18 , please bhai ... it will help a lot for beginner and who can't buy paid courses .. and you'll get a lot of love from all over the world and also likes and subscriber Thanks you #Love #Pakistan.

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

    bro i realy appretiate it

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

      @@Aliakbaresmaeiliiii thanks bro

  • @gilmarsantossilva4332
    @gilmarsantossilva4332 ปีที่แล้ว

    very good

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

    Osm

  • @ritwikgupta7540
    @ritwikgupta7540 ปีที่แล้ว

    Hey Shashi

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

    unfortunately i get this error for signin:
    Uncaught DOMException: Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded.
    Also can you do a video how to autologin with this practise ? The scenario is that a user login in with google. Then i save his information in my database. The leaves the web app and comes again. I want to retrieve any of his information from my database. How to do it ? It will be an interesting video :)

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

      If you are using Angular v17 with SSR enabled then it might have caused the issue. Try using some third party package to decode the token.
      That’s auto login stuff can be built with cookie based authentication. Similarly to what Instagram does in the web version.

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

      @@letsprogram30 It will be a helpful video to do it. Because it is something that a lot of people search on the internet. I dod not know how to do it and I search days for a helpful video with autologin with google and Angular 17