دوره آموزشی احراز هویت در 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: احراز هویت (2021)
- دوره آموزشی ساخت اپلیکیشن های React و ASP.NET Core
- دوره آموزشی ایمن سازی برنامه ها در React
- دوره آموزشی React: برنامههای قدرتمند مبتنی بر ابر با Firebase
- دوره آموزشی ریاکت: ایجاد و میزبانی یک سایت فولاستک (2022)
- دوره آموزشی React: SPAs نسخه (2018)
- دوره آموزشی ریاکت: ایجاد و میزبانی یک سایت فولاستک
- دوره آموزشی ساخت یک برنامه React با استفاده از AWS Amplify
مسیرهای مرتبط
- مسیر آموزشی تبدیل شدن به یک توسعه دهنده React
- مسیر آموزشی تقویت مهارت های زبان برنامه نویسی React
- مسیر آموزشی توسعه برنامه را با پشته MERN کاوش کنید
- مسیر آموزشی مهارت های خود را به عنوان یک توسعه دهنده جنگو ارتقا دهید
- مسیر آموزشی توسعه وب را با Vue.js کاوش کنید
- مسیر آموزشی ارتقاء مهارت های انگولار خود
- مسیر آموزشی تبدیل شدن به یک توسعه دهنده اسپرینگ
- مسیر آموزشی شروع به کار در توسعه Spring