Angular 14 & .NET 6 🔒 Authorization with JSON Web Tokens (JWT)

Поделиться
HTML-код
  • Опубликовано: 30 июл 2024
  • The first 1,000 people to use the link will get a 1 month free trial of Skillshare: skl.sh/patrickgod08221 🚀
    🔒 .NET 6 Backend Video: • .NET 6 Web API 🔒 Creat...
    💻 GitHub Backend: github.com/patrickgod/JwtWebA...
    💻 GitHub Frontend: github.com/patrickgod/NgDotNe...
    📧 Newsletter: newsletter.patrickgod.com/
    ❤️ Donate: ko-fi.com/patrickgod
    🐦 Twitter: / _patrickgod
    📓 Articles: / patrickgod
    Table of Contents:
    00:00 Angular 14 & .NET 6 🔒 Authorization with JSON Web Tokens (JWT)
    04:31 .NET 6 Backend
    12:40 Enable CORS
    14:42 Run the .NET 6 Web API
    15:33 Create the Angular 14 Application
    17:39 Add the User Model
    18:48 Implement the AuthService
    26:36 Change the App Component (TS)
    29:05 Change the App Component Markup (HTML)
    31:25 First Test
    34:07 Implement the HTTP Interceptor
    🙏MANY THANKS TO THESE LOVELY PEOPLE:
    Ameet Jayawant
    JesperNielsen
    Paul
    @Alaffer
    Alvin Majid
    Slava Ukrayini
    Piotr Franczak
    Jan Trichter
    Tom
    H. Ali
    Ashley Gahl
    Daniel Viveros
    Mehmet Ali Ege
    Winther
    harry j
    @Alaffer
    Sam Catlow
    Jim
    Brian Williams
    Gonzo
    Jonas
    Ariel Sartor
    Andy Benson
    @stevelikespies
    Raphael Lukas
    James Goforth
    @williamdevine
    Doug Nelson
    Arif Hasanov
    @kohji1712
    @dlb78dlb
    Thomas Korsgaard
    FastTrak
    Jeff Sager
    Dan Moyer
    AlgoMarket
    Mennskr
    Simon
    Michael Mel
    Hermann Rösch
    Jim McNeal
    Kieron
    @mgrainger231
    Gerrit Esmeijer
    Axel
    Kareem Skinner
    Joaquim
    Alain Legrand
    Per Rieland
    @prodrigu75
    Greg
    Brendan Maunder
    Stageoner
    Andrew Campbell
    pascalditzfeld
    PovilasSimanskas
    jenö
    Marco Otilli
    Mark
    l33ter
    alibux
    g.dassel
    Luke Vincent
    mrcl
    Alain Legrand
    Thomas Werner
    István Csibor
    Grant Burdon
    @gianluigiconti
    Gerrit Esmeijer
    Illia
    Németh-Pók István
    Michael Mel
    Marko Zdilar
    GerryB
    @DADA_universe
    Domen Hren
    @heroesch
    Carey
    Peter De Tender
    Baris Keskin
    @Big_Bear_27390
    Mathias
    walter e watkins
    Günther Dassel
    Axel
    Josh
    Daniel Huber
    Fredric Adell
    Juan Carlos
    Manolis
    Pajani
    P.
    Jonas Granlund
    Bobby
    Kristina
    @xamarin007
    #DotNet #Angular #PatrickGod

Комментарии • 26

  • @PatrickGod
    @PatrickGod  2 года назад +2

    The first 1,000 people to use the link will get a 1 month free trial of Skillshare: skl.sh/patrickgod08221 🚀

    • @Therionproject
      @Therionproject 2 года назад +1

      Great video as always Patrick. Thank you very much for the video and for the 1 month free trial of Skillshare as well.

  • @jeremyolu2787
    @jeremyolu2787 Год назад +10

    Would be nice to see how the refresh token works as well as implementing guards/jwt decode etc :)

  • @devian3634
    @devian3634 2 года назад +1

    Been waiting for this one.

  • @anelkovac8606
    @anelkovac8606 Год назад +1

    finally a video tutorial I needed..thanks for this video and oder videos

  • @Yenoxi
    @Yenoxi 2 года назад +1

    Best stack ! Thanks for your work :)

  • @futureman202
    @futureman202 Год назад +2

    Finally, after a lot of searching. Thank you!

  • @juniorguerreiro8963
    @juniorguerreiro8963 Год назад

    Awesome, Guards and Routes would be very helpful too.

  • @vininopoun
    @vininopoun Год назад

    Thank you so much!

  • @ArranMaclean
    @ArranMaclean Год назад +5

    Great, would like to see this with refresh tokens.

  • @shittusulaimon2716
    @shittusulaimon2716 Год назад +5

    Make a full Angular 16 standalone tutorial please.

  • @01pedro02pedrinho03
    @01pedro02pedrinho03 2 года назад +1

    you're the best !!! greetings from brazil !

  • @DUZAOMG
    @DUZAOMG Год назад

    Muito bom...

  • @Chips4Real1
    @Chips4Real1 Год назад +1

    Would love an Identity Server tutorial or another similar tool

  • @paulh6933
    @paulh6933 Год назад

    do you have a vid that promotes an angular/.net project to the cloud? maybe something like azure?

  • @ImranKhan-ij2xs
    @ImranKhan-ij2xs 2 года назад

    Is it possible to show Master Details example with Angular and Core 6 along with user role based menu generate, it will be very helpful.

  • @ibrahimfarah738
    @ibrahimfarah738 Год назад

    good

  • @antoroselin9005
    @antoroselin9005 Год назад

    Thank you so much Patrick for this wonderful video, but I m getting status code 204 , Request Method : Options, What is the mistake I have done here? Can you please help me ?

  • @aliali-pn1cb
    @aliali-pn1cb 2 года назад +1

    Good

  • @sameershahbaz1707
    @sameershahbaz1707 Год назад

    please sir do it with a sql dabase, i would really appreciate.

  • @shittusulaimon2716
    @shittusulaimon2716 Год назад

    please make an Angular 14 full tutorial please.

  • @notarealhandle123
    @notarealhandle123 Год назад

    Never pass login information via URL's parameters open parameters! Do so via the request's body.

  • @dotnetdevni
    @dotnetdevni 2 года назад +1

    Why you not showing real world error handling i admit type script has nice short cuts but u have no logging or error handling in your code that screams loud to me