آموزش برنامه های امن را با NextJS14، Json Web Token و Cookies توسعه دهید
Develop Secure Apps with NextJS14, Json Web Token & Cookies
در این دوره آموزشی یاد خواهید گرفت که چگونه برنامه NextJS خود را با احراز هویت مبتنی بر کوکی JWT ایمن کنید.
ایمن سازی یک برنامه Next.js با JWT و کوکی ها شامل ایجاد یک نقطه پایانی احراز هویت سمت سرور برای رسیدگی به ورود کاربران است. پس از احراز هویت موفقیت آمیز، سرور یک رمز وب JSON (JWT) تولید می کند که با یک کلید مخفی امضا شده است. این JWT سپس به عنوان یک کوکی فقط HTTP برای مشتری ارسال می شود و با جلوگیری از دسترسی جاوا اسکریپت، امنیت را افزایش می دهد.
در سمت کلاینت، توابعی را برای احراز هویت کاربر اجرا کنید، از جمله ورود به سیستم، خروج از سیستم و بررسی وضعیت. برای درخواست‌های احراز هویت، JWT را در سرصفحه‌های درخواست قرار دهید تا هویت کاربر در سرور تأیید شود.
به طور خلاصه، این فرآیند مستلزم تأیید اعتبار کاربر در سرور، تولید یک JWT امضا شده و انتقال ایمن آن به مشتری از طریق یک کوکی فقط HTTP است. پیاده سازی سمت کلاینت توابع احراز هویت کاربر را مدیریت می کند و سرور درخواست ها را با استفاده از JWT دریافتی تأیید می کند. این رویکرد با استفاده از قابلیت‌های JWT و مدیریت امن کوکی‌ها، امنیت برنامه را افزایش می‌دهد.
JSON Web Tokens (JWT) ابزاری فشرده و ایمن برای نشان دادن ادعاهای بین دو طرف است. در توسعه وب، JWT ها به عنوان توکن های امن برای انتقال اطلاعات عمل می کنند که اغلب برای احراز هویت کاربر استفاده می شود. JWTها شامل سه بخش هدر، محموله و امضا هستند، کدگذاری و امضا شده اند و ساختاری سبک وزن و بدون دستکاری را ارائه می دهند. تطبیق پذیری و ماهیت مستقل آنها باعث شده است که JWT ها به طور گسترده برای انتقال داده های تأیید شده مورد استفاده قرار گیرند و معمولاً در پروتکل ها و چارچوب های مختلف مرتبط با وب استفاده می شوند.
مقدمه، نصب و راه اندازی 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
Udemy (یودمی)
یودمی یکی از بزرگ‌ترین پلتفرم‌های آموزشی آنلاین است که به میلیون‌ها کاربر در سراسر جهان امکان دسترسی به دوره‌های متنوع و کاربردی را فراهم می‌کند. این پلتفرم امکان آموزش در زمینه‌های مختلف از فناوری اطلاعات و برنامه‌نویسی گرفته تا زبان‌های خارجی، مدیریت، و هنر را به کاربران ارائه می‌دهد. با استفاده از یودمی، کاربران می‌توانند به صورت انعطاف‌پذیر و بهینه، مهارت‌های جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.
یکی از ویژگی‌های برجسته یودمی، کیفیت بالای دوره‌ها و حضور استادان مجرب و با تجربه در هر حوزه است. این امر به کاربران اعتماد می‌دهد که در حال دریافت آموزش از منابع قابل اعتماد و معتبر هستند و می‌توانند به بهترین شکل ممکن از آموزش‌ها بهره ببرند. به طور خلاصه، یودمی به عنوان یکی از معتبرترین و موثرترین پلتفرم‌های آموزشی آنلاین، به افراد امکان می‌دهد تا به راحتی و با کیفیت، مهارت‌های مورد نیاز خود را ارتقا دهند و به دنبال رشد و پیشرفت شغلی خود باشند.
https://donyad.com/d/a17122
Ranjan Pandey
نرم افزار حرفه ای با 11+ سال تجربه در ITI یک نرم افزار Fullstack DevOps با 11+ سال تجربه در انواع فناوری ها از جمله توسعه وب و برنامه های تلفن همراه با استفاده از HTML5 ، CSS3 ، JavaScript ، JQuery ، Bootstrap ، Angular ، React ، Java ، Spring ، Springboot ، Python ، Flask ، Django ، NodeJS ، Express ، Android ، Ionic ، React Native ، Flutter به هوش مصنوعی و فناوری های ابری مانند سرویس های وب آمازون و Microsoft Azure. من همچنین دارای گواهینامه جاوا ، Azure cloud ، محصول Backbase هستم. من تجربه کار با چندین مشتری MNC و اروپایی را دارم. من همچنین یک مربی شرکتی هستم که طیف گسترده ای از آموزش را ارائه می دهد.
نمایش نظرات