آموزش JSON Web Token (JWT) با Spring Security و Angular

سرفصل ها و درس ها

معرفی Introduction

• معرفی Introduction

• نسخه ی نمایشی برنامه Application demo

• پیش نیازها Prerequisites

• چگونه تدریس کنم How do I teach

• چگونه از این دوره بیشترین بهره را ببرید How to get the most out of this course

• راه اندازی محیط Environment Setup

• سوال پرسیدن و کد منبع Asking questions and Source code

مروری بر برنامه های کاربردی وب Web Application Overview

• ساختار برنامه وب Web application structure

• front-end چیست What is front-end

• back-end چیست What is back-end

• فروشگاه داده Data Store

• در مورد ابر چطور؟ What about the Cloud

• مقالات مفید و ارائه دوره Useful articles & Course presentation

دامنه برنامه Application Domain

• دامنه کاربر - قسمت 1 User domain - part 1

• دامنه کاربر - قسمت 2 User domain - part 2

• دامنه سفارشی پاسخ Http Custom Http Response domain

• دامنه کاربر امنیت بهار Spring Security User domain

• پیکربندی پایگاه داده Database Configuration

• برنامه را اجرا کنید Run Application

امنیت Security

• امنیت برنامه های وب Web Application Security

• احراز هویت و مجوز Authentication and Authorization

• Json Web Toke (JWT) Json Web Toke (JWT)

• امنیت با Json Web Token (JWT) Security with Json Web Token (JWT)

• ثابت های امنیتی Security constants

• کتابخانه جاوا JWT Java JWT Library

• ارائه دهنده توکن JWT - قسمت 1 JWT Token Provider - Part 1

• ارائه دهنده توکن JWT - قسمت 2 JWT Token Provider - Part 2

• ارائه دهنده توکن JWT - قسمت 3 JWT Token Provider - Part 3

• فیلتر مجوز JWT - قسمت 1 JWT Authorization Filter - Part 1

• فیلتر مجوز JWT - قسمت 2 JWT Authorization Filter - Part 2

• نقطه ورود احراز هویت Authentication entry point

• کنترل کننده دسترسی ممنوع است Access denied handler

• مخزن کاربر User Repository

• جزئیات کاربر پیاده سازی خدمات User Details Service Implementation

• پیکربندی امنیتی Security configuration

• نقطه پایانی را برای امنیت تست کنید Test endpoint for security

مدیریت استثناهای سفارشی Custom Exception Handling

• رسیدگی به استثنا Exception handling

• کلاس های استثنای سفارشی Custom exception classes

• مدیریت استثناهای سفارشی - قسمت 1 Custom exception handling - Part 1

• مدیریت استثناهای سفارشی - قسمت 2 Custom exception handling - Part 2

• مدیریت استثناهای سفارشی - قسمت 3 Custom exception handling - Part 3

• کنترل سفارشی استثنا را آزمایش کنید Test custom exception handling

• خطای برچسب سفید پیش‌فرض Spring را لغو کنید Override Spring default white label error

ثبت نام کاربر User Registration

• مقامات کاربر User authorities

• نقش های کاربر User roles

• ثبت نام کاربر - قسمت 1 User registration - Part 1

• ثبت نام کاربر - قسمت 2 User registration - Part 2

• ثبت نام کاربر - قسمت 3 User registration - Part 3

• ثبت نام کاربر - قسمت 4 User registration - Part 4

• ثبت نام کاربر - قسمت 5 User registration - Part 5

• پاک کردن کد Code clean up

• تست ثبت نام کاربر User registration test

JWT تولید کنید Generate JWT

• امنیت با توکن وب Json (JWT) Security With Json Web Token (JWT)

• ورود به سیستم و تولید JWT Logging in and generating JWT

• تست ورود کاربر User logging in test

• کد منبع Source code

حمله نیروی بی رحم Brute Force Attack

• آنچه برای حمله بی رحم است What is brute for attack

• حافظه پنهان حمله Brute Force - قسمت 1 Brute force attack cache - Part 1

• حافظه پنهان حمله Brute Force - قسمت 2 Brute force attack cache - Part 2

• شنونده خرابی احراز هویت Authentication failure listener

• شنونده موفقیت در احراز هویت Authentication success listener

• تایید ورود کاربر Validate user login

• تست حمله Brute Force Test Brute force attack

اعلان ایمیل Email Notification

• ثابت های ایمیل Email constants

• جلسه ایمیل Email session

• محتوای ایمیل Email content

• ارسال ایمیل Sending email

• اعلان ایمیل آزمایشی Test email notification

• فعال کردن اجازه برنامه ایمن کمتر برای Gmail Enabling allow less secure app for Gmail

سرویس کاربر User Service

• خدمات کاربر User service

• فایل ثابت File Constant

• پیاده سازی خدمات کاربر - قسمت 1 User service implementation - Part 1

• پیاده سازی خدمات کاربر - قسمت 2 User service implementation - Part 2

• پیاده سازی خدمات کاربر - قسمت 3 User service implementation - Part 3

• پیاده سازی سرویس کاربر - قسمت 4 User service implementation - Part 4

منبع کاربر User Resource

• منبع کاربر User resource

• کاربر جدید اضافه کنید Add new user

• رمز عبور کاربر را به روز کنید، پیدا کنید و بازنشانی کنید Update, find, and reset user password

• حذف و به روز رسانی تصویر پروفایل کاربر Delete and update profile image of user

• دریافت تصویر نمایه کاربر Get user profile image

• دریافت تصویر نمایه موقت کاربر Get user temporary profile image

• انواع تست Types of tests

تست API API Test

• معرفی Introduction

• ثبت نام آزمون Test register

• تست ورود Test login

• افزودن آزمایشی Test add

• به روز رسانی تست Test update

• تست پیدا کردن Test find

• لیست تست Test list

• تست بازنشانی رمز عبور Test reset password

• تست حذف Test delete

• آزمایش تصویر به روز رسانی Test update image

قسمت جلویی Front End

• معرفی Introduction

• طراحی قسمت جلویی Front end design

• ساخت اپلیکیشن Angular Creating Angular app

سرویس احراز هویت Authentication service

• ایجاد سرویس Creating service

• HTTP و متغیر محیطی را پیکربندی کنید Configure HTTP and environment variable

• تماس با سرویس ورود Login service call

• ایجاد کلاس کاربری Creating user class

• ثبت تماس خدمات Register service call

• خروج Logout

• رمز را در حافظه محلی ذخیره کنید Save token to local storage

• کاربر را به کش محلی اضافه کنید Add user to local cache

• کاربر را از کش محلی دریافت کنید Get user from local cache

• رمز را از حافظه محلی بارگیری کنید Load token from local storage

• رمز را از حافظه محلی دریافت کنید Get token from local storage

• کاربر وارد شده را بررسی کنید Check for logged in user

خدمات کاربر User service

• تماس با سرویس لیست کاربر User list service call

• تماس سرویس کاربر را اضافه کنید Add user service call

• به روز رسانی تماس سرویس کاربر Update user service call

• تماس سرویس رمز عبور را بازنشانی کنید Reset password service call

• تماس سرویس تصویر نمایه را به‌روزرسانی کنید Update profile image service call

• تماس سرویس کاربر را حذف کنید Delete user service call

• کاربران را به کش محلی اضافه کنید Add users to local cache

• کاربران را از کش محلی دریافت کنید Get users from local cache

• افزودن خصوصیات کلاس کاربر Adding user class properties

• ایجاد داده های فرم Creating form data

• نگاشت پاسخ HTTP سفارشی Custom HTTP response mapping

رهگیر Interceptor

• معرفی Introduction

• ایجاد رهگیر - قسمت 1 Creating Interceptor - Part 1

• ایجاد رهگیر - قسمت 2 Creating Interceptor - Part 2

• HTTP Interceptor را پیکربندی کنید Configure HTTP Interceptor

نگهبان Guard

• معرفی Introduction

• ایجاد گارد - قسمت 1 Creating Guard - Part 1

• ایجاد گارد - قسمت 2 Creating Guard - Part 2

• گارد را پیکربندی کنید Configure Guard

اطلاع Notification

• کتابخانه اطلاع رسانی Notification library

• ایجاد ماژول اطلاع رسانی Creating notification module

• پیکربندی ماژول اطلاع رسانی Configure notification module

• ایجاد سرویس اطلاع رسانی Creating notification service

• انواع اعلان Notification types

قالب HTML HTML Template

• مرور قالب HTML HTML template walk-through

• مولفه مولد Generating component

• پیکربندی مسیرها Configuring routes

• مسیرهای آزمایشی Test routes

• اضافه کردن پریز روتر Adding router outlet

صفحه ورود Login Page

• الگوی ورود - قسمت 1 Login template - Part 1

• الگوی ورود - قسمت 2 Login template - Part 2

• جزء ورود - قسمت 1 Login component - Part 1

• جزء ورود - قسمت 2 Login component - Part 2

• جزء ورود - قسمت 3 Login component - Part 3

• جزء ورود - قسمت 4 Login component - Part 4

• جزء ورود - قسمت 5 Login component - Part 5

• افزودن نوع هدر Adding header type

• الگوی ورود - قسمت 3 Login template - Part 3

• الگوی ورود - قسمت 4 Login template - Part 4

• تست ورود - قسمت 1 Test login - Part 1

• اضافه کردن سبک های اعلان و عنصر برچسب Adding notification styles and tag element

• تست ورود - قسمت 2 Test login - Part 2

• تست ورود - قسمت 3 Test login - Part 3

• تست ورود - قسمت 4 Test login - Part 4

صفحه ثبت نام Register Page

• ثبت الگو Register template

• ثبت جزء Register component

• ثبت نام آزمون Test register

صفحه کاربر - نمایش اطلاعات کاربر User Page - Display User Info

• اضافه کردن هدر صفحه Adding page header

• افزودن نام برگه - قسمت 1 Adding tab name - Part 1

• افزودن نام برگه - قسمت 2 Adding tab name - Part 2

• اضافه کردن قالب جدول کاربر Adding user table template

• واکشی کاربران Fetching users

• افزودن کاربران به جدول Adding users to the table

• اطلاعات کاربر مدال - قسمت 1 User info modal - Part 1

• اطلاعات کاربر مدال - قسمت 2 User info modal - Part 2

صفحه کاربر - یک کاربر جدید اضافه کنید User Page - Add a New User

• افزودن فرم کاربر جدید Adding new user form

• درک رویداد تغییر فایل Understanding file change event

• دریافت تصویر نمایه و کلیک بر روی دکمه ذخیره Getting profile image and click save button

• ذخیره کاربر جدید Saving new user

• Refactor و تست اضافه کردن کاربر جدید Refactor and test adding new user

• در مورد اجرا About the implementation

• جستجوی لیست کاربران - قسمت 1 Search user list - Part 1

• جستجو در لیست کاربران - قسمت 2 Search user list - Part 2

صفحه کاربر - ویرایش کاربر User Page - Edit User

• ویرایش منطق مدل را باز کنید Open edit model logic

• تماس نهایی کاربر را ویرایش کنید Edit user back end call

• کاربر ویرایش را آزمایش کنید Test edit user

صفحه کاربر - حذف کاربر User Page - Delete User

• تماس نهایی کاربر را حذف کنید Delete user back end call

• تست حذف کاربر Test delete user

صفحه کاربر - بازنشانی رمز عبور User Page - Reset Password

• بازنشانی رمز عبور تماس پایانی Reset password back end call

• تست بازنشانی رمز عبور Test reset password

صفحه کاربر - نمایه User Page - Profile

• الگوی پروفایل کاربر User profile template

• به روز رسانی کاربر/آزمایش به روز رسانی کاربر Update user / test user update

• خروج Log out

• افزودن فرم تصویر نمایه Adding profile image form

• به روز رسانی تصویر نمایه تماس پایانی Update profile image back end call

• گزارش پیشرفت آپلود - قسمت 1 Report upload progress - Part 1

• گزارش پیشرفت آپلود - قسمت 2 Report upload progress - Part 2

• گزارش پیشرفت آپلود - قسمت 3 Report upload progress - Part 3

تقویت Enhancement

• پنهان کردن اطلاعات حساس Hide sensitive information

• Refactor حذف کاربر Refactor delete user

• حذف تصویر کاربر در حذف کاربر Delete user image on delete user

• فقط فایل های تصویری مجاز باشد - قسمت 1 Only allow image files - Part 1

• فقط فایل های تصویری مجاز باشد - قسمت 2 Only allow image files - Part 2

• بازنشانی مسیر رمز عبور Reset password route

مدیریت امنیت - Front End Security Management - Front End

• مدیریت امنیت Security management

• نقشه برداری نقش های کاربران Mapping user roles

• دریافت نقش کاربر فعلی Getting current user role

• تغییر رابط کاربری بر اساس نقش - قسمت 1 Modifying UI by role - Part 1

• تغییر رابط کاربری بر اساس نقش - قسمت 2 Modifying UI by role - Part 2

• تغییر رابط کاربری بر اساس نقش - قسمت 3 Modifying UI by role - Part 3

• لغو اشتراک در صورت تخریب جزء Unsubscribe upon component destruction

• لغو اشتراک با استفاده از کتابخانه Subsink Unsubscribe using Subsink library

گسترش Deployment

• معرفی Introduction

• با استفاده از AWS Using AWS

• ایجاد نمونه EC2 Creating EC2 instance

• پیکربندی نمونه EC2 - قسمت 1 Configure EC2 instance - Part 1

• پیکربندی نمونه EC2 - قسمت 2 Configure EC2 instance - Part 2

• برنامه Spring Boot را پیکربندی کنید Configure Spring Boot Application

• در حال اجرا در AWS Running in AWS

• استقرار Angular Application Deploying Angular Application

• ایجاد سرویس یونیکس Creating Unix Service

• تست در تولید Testing in Production

یادداشت پایانی Final Note

• مهندس نرم افزار شدن Becoming a Software Engineer

• در تماس باش Stay in touch

• سخنرانی پاداش Bonus Lecture