Loading...
「ツール」は右上に移動しました。
利用したサーバー: wtserver1
76いいね 4,356 views回再生

Angular: Simple Auth Guard & Simple JWT Interceptor | Blog Project V-16

Link to repository:
Github: https://github.com/ThomasOliver545/Bl...
Gitlab: https://gitlab.com/youtube-public/blog

My Patreon: https://www.patreon.com/user?u=42856132

If you clone the repo, don't forget to replace the Postgres Database Url in the .env file.

Timestamps:
00:00 Welcome and short overview over the video
00:36 Video structure
00:44 Video Outcome overview
01:20 Look at trello user story
03:30 switch to new branch
04:28 Generate new update-user-profile component, add new route, and entry to the select
06:20 New folder for interceptors and guard
06:33 generate guard with cli
07:15 make isAuthenticated function in authService and 0Auth/Angular package
10:52 Write simple auth guard
14:42 Generate jwtInterceptor and write logic
19:01 show attached token to every request in the browser
19:50 close story in git / finish feature
20:27 close trello user story
20:47 Push changes to develop branch


I appreciate every feedback in the comments and would be happy if you also like && subscribe :)

Follow me on Twitter:   / thomas_oliverk  

NestJS is used in v7.
Angular is used in v9.
Nodejs is used in v12.
NPM is used in v6.

Main Frameworks:
Backend Framework: https://nestjs.com/
Frontend Framework: https://angular.io/

Tools:
Angular Material: https://material.angular.io/
postgres Database: https://www.elephantsql.com/
IDE: https://code.visualstudio.com/
API Development, Testing: https://www.postman.com/
Versioning: https://gitlab.com/
Node and NPM: https://nodejs.org/en/
Git and Git Flow: https://git-scm.com/downloads
rxjs: https://rxjs-dev.firebaseapp.com/
regex tester: https://regex101.com/

コメント