آموزش برنامه های امن را با NextJS14، Json Web Token و Cookies توسعه دهید

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

مقدمه، نصب و راه اندازی Introduction, Installation and Getting Started

• بررسی اجمالی دوره Course Overview

• JSON WEB TOKEN چیست و چگونه ایجاد می شود What is JSON WEB TOKEN and how it gets generated

• بخش های مختلف یک توکن JWT Different Parts of a JWT token

• چگونه توکن در درخواست بعدی بین کلاینت و سرور استفاده می شود How is the Token used in subsequent request between client and server

• راه اندازی برنامه بعدی جدید Setting up new Next App

• طراحی صفحه اصلی Designing the home page

• طراحی صفحه فرم ورود Designing the login Form page

• نصب وابستگی های مورد نیاز npm Installing the required npm dependencies

توسعه REST API برای احراز هویت و اطلاعات نمایه Developing the REST API's for Authentication & Profile information

• Login REST API ایجاد کنید و JWT Token ایجاد کنید Create Login REST API and Generate JWT Token

• تنظیم توکن JWT به عنوان کوکی سریالی در هدر پاسخ Setting the JWT token as serialized cookie in response header

• Login API را از Frontend تماس بگیرید و کوکی را بررسی کنید Call the Login API from Frontend and Check the cookie

• پس از ورود کاربر را به صفحه داشبورد هدایت کنید After login route the user to dashboard page

ادغام Frontend با Backend برای عملکردهای Login، Logout و Profile Integrating the Frontend with Backend for Login, Logout & Profile functionality

• برای دریافت اطلاعات نمایه کاربر، GET API ایجاد کنید Create GET API to get the user profile information

• ایجاد طرح بندی برای داشبورد Creating Layout for Dashboard

• برقراری تماس Profile API و اضافه کردن منطق برای محدود کردن مسیریابی به داشبورد Making Profile API call and adding logic to restrict routing to dashboard

• رفع تغییر مسیر به صفحه ورود و آزمایش عملکرد Fixing the redirect to login page and testing the functionality

• پیاده سازی عملکرد خروج Implementing Logout functionality

• جزئیات کاربر وارد شده فعلی را دریافت کنید Get the current loggedin user details

• رفع خطای json و نمایش ایمیل ادمین در داشبورد Resolving the json error and displaying the admin email on dashboard

• تست عملکرد کامل Testing the complete functionality

توسعه قابلیت ثبت کاربر Developing User Registration Functionality

• نصب mongoose، ایجاد طرحواره و ایجاد اتصال به پایگاه داده Installing mongoose, creating schema and establishing database connection

• API را برای ثبت نام کاربر توسعه دهید و کاربر را در پایگاه داده ذخیره کنید Develop the API for user registration and save user to database

• صفحه ثبت نام کاربر ایجاد کنید و برای ثبت نام کاربر با API تماس بگیرید Create user registration page and call the API to register the user

• ادغام عملکرد ورود به سیستم با پایگاه داده Integrating login functionality with database

• دریافت نام کامل کاربر از DB و نمایش در داشبورد Getting user full name from DB and displaying on dashboard

کد منبع دوره Source Code for the Course

• پایه کد Code base