دوره آموزشی احراز هویت در React
4 ساعت 13 دقیقهپیشرفته2025-05-09
مدرسین

Shaun Wassell
Full-Stack Software Developer
جزئیات دوره
احراز هویت یا همون لاگین و ثبتنام، بخش مهمی از تقریباً همهی وبسایتهاست، ولی خیلی از برنامهنویسها دقیق نمیدونن پشت صحنهاش چه خبره یا چطوری میشه بهترین تجربهی کاربری رو برای این قسمت ساخت.
توی این دوره، «شان واسل» (Shaun Wassell) قراره مفاهیم احراز هویت رو به زبون ساده و در قالب پروژههای واقعی برات توضیح بده — اونم با فریمورک محبوب React.
از تعریفهای پایهای و نحوه پیادهسازی اولیه شروع میکنه، بعدش میره سراغ موضوعاتی مثل:
✔️ تایید ایمیل (Email Verification)
✔️ ریست کردن رمز عبور
✔️ استفاده از OAuth مثل ورود با گوگل
✔️ بررسی ابزارهای آماده مثل AWS Cognito
در نهایت هم کلی نکته حرفهای و best practice برای ساخت یک سیستم لاگین امن و کاربرپسند تو اپلیکیشنهای React یادت میده.
🎯 اهداف یادگیری
ساخت سیستم لاگین امن در React با استفاده از ابزارهایی مثل JWT، OAuth و AWS Cognito
طراحی صفحات ثبتنام، ورود، ریست رمز و تایید ایمیل به شکل حرفهای
پیادهسازی نکات امنیتی مثل استفاده از HTTPS، سالتگذاری و مدیریت خطاهای لاگین
دیباگ و بررسی دقیق فرآیندهای احراز هویت برای افزایش امنیت
تنظیم و استفاده از سرویسهای شخص ثالث مثل گوگل OAuth و آمازون Cognito در پروژههای React
توی این دوره، «شان واسل» (Shaun Wassell) قراره مفاهیم احراز هویت رو به زبون ساده و در قالب پروژههای واقعی برات توضیح بده — اونم با فریمورک محبوب React.
از تعریفهای پایهای و نحوه پیادهسازی اولیه شروع میکنه، بعدش میره سراغ موضوعاتی مثل:
✔️ تایید ایمیل (Email Verification)
✔️ ریست کردن رمز عبور
✔️ استفاده از OAuth مثل ورود با گوگل
✔️ بررسی ابزارهای آماده مثل AWS Cognito
در نهایت هم کلی نکته حرفهای و best practice برای ساخت یک سیستم لاگین امن و کاربرپسند تو اپلیکیشنهای React یادت میده.
🎯 اهداف یادگیری
ساخت سیستم لاگین امن در React با استفاده از ابزارهایی مثل JWT، OAuth و AWS Cognito
طراحی صفحات ثبتنام، ورود، ریست رمز و تایید ایمیل به شکل حرفهای
پیادهسازی نکات امنیتی مثل استفاده از HTTPS، سالتگذاری و مدیریت خطاهای لاگین
دیباگ و بررسی دقیق فرآیندهای احراز هویت برای افزایش امنیت
تنظیم و استفاده از سرویسهای شخص ثالث مثل گوگل OAuth و آمازون Cognito در پروژههای React
مهارت ها
React.jsMetaFront-End Web DevelopmentWeb DevelopmentOne-Off
سرفصل ها
۰. مقدمه
- 01 - شیوههای احراز هویت امن در React
- 02 - ساختار این دوره
۱. اصول اولیه احراز هویت کاربر
- 03 - احراز هویت کاربر چیست؟
- 04 - تنظیمات اولیه پروژه
- 05 - ایجاد مسیرهای خصوصی React
- 06 - اصول اولیه توکن وب JSON
- 07 - راه حل - کار با توکنهای وب JSON
- 08 - اضافه کردن مسیر ثبت نام به سرور
- 09 - تولید توکنهای وب JSON
- 10 - اضافه کردن مسیر ورود به سرور
- 11 - افزودن JWTها به فرانتاند
- 12 - تجزیه دادههای JWT
- 13 - افزودن JWTها به صفحات ثبت نام و ورود
- 14 - افزودن JWTها به صفحه اطلاعات کاربر
- 15 - افزودن یک مسیر کاربر بهروزرسانی
- 16 - افزودن قابلیت بهروزرسانی به بخش کاربری (front-end)
- 17 - مدیریت وضعیت برای توکنها
- 18 - افزودن قابلیت خروج از سیستم
۲. تأیید ایمیل
- 19 - فرآیند اولیه تأیید ایمیل
- 20 - راهاندازی یک ارائهدهنده ایمیل
- 21 - ایجاد کلید API ارائه دهنده ایمیل
- 22 - ارسال ایمیل از Node.js
- 23 - یکپارچهسازی توکنهای تأیید
- 24 - اضافه کردن صفحه «لطفاً ایمیل را تأیید کنید»
- 25 - افزودن مسیر تأیید ایمیل
- 26 - ایجاد یک صفحه فرود تأیید
۳. بازنشانی رمزهای عبور
- 27 - فرآیند اولیه تنظیم مجدد رمز عبور
- 28 - اضافه کردن صفحه فراموشی رمز عبور
- 29 - ارسال ایمیل بازیابی رمز عبور
- 30 - ایجاد صفحه فرود برای تنظیم مجدد رمز عبور
- 31 - افزودن یک نقطه پایانی سرور تنظیم مجدد رمز عبور
۴. احراز هویت
- 32 - اصول اولیه OAuth
- 33 - راهاندازی OAuth در گوگل
- 34 - افزودن یک مسیر URL از طریق OAuth
- 35 - ایجاد دکمه ورود با گوگل
- 36 - افزودن یک مسیر فراخوانی OAuth
- 37 - دانلود اطلاعات کاربر از گوگل
- 38 - ایجاد کاربران جدید از دادههای OAuth
- 39 - مدیریت احراز هویت موفق OAuth
۵. گزینههای احراز هویت از پیش ساخته شده
- 40 - چرا گزینههای احراز هویت از پیش ساخته شده
- 41 - احراز هویت با Auth0
- 42- احراز هویت با Firebase
- 43- احراز هویت با NextAuth.js
- 44- احراز هویت با منشی
- 45 - احراز هویت با AWS
۶. بهترین شیوهها
- 46- استفاده از HTTPS و SSL
- 47 - نمک و فلفل زدن به رمزهای عبور
- 48 - راه حل - اضافه کردن نمک و فلفل
- 49 - هرگز به رابط کاربری اعتماد نکنید
- 50 - مدیریت خطای احراز هویت
- 51 - دریافت و مدیریت خطاها
- 52 - ایمنسازی پایگاه داده
نتیجهگیری
- 53 - مراحل بعدی در سفر React شما
پیوست
- 54 - گشتی در Coderpad
دوره های مرتبط
- دوره آموزشی ساخت کتابخانههای مقیاسپذیر کامپوننتهای رابط کاربری React با استفاده از Storybook
- دوره آموزشی چالشهای کدنویسی پیشرفته React
- دوره آموزشی ریاکت تعاملی برای وب
- دوره آموزشی رندر کردن دادهها در React
- دوره آموزشی تمرین React برای مبتدیها: ساخت و تغییر کامپوننتهای پایه
- دوره آموزشی الگوهای طراحی React
- دوره آموزشی معماری میکرو فرانتاند با React
- دوره آموزشی React در عمل: از تنظیمات تا استقرار