آموزش احراز هویت در ری‌اکت (React Authentication) - آخرین آپدیت

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

مقدمه Introduction

• ساختار این دوره The structure of this course

• شیوه‌های احراز هویت امن در ری‌اکت Secure authentication practices in React

1. مبانی احراز هویت کاربر 1. User Authentication Basics

• تولید توکن‌های JWT Generating JSON Web Tokens

• افزودن مسیر به‌روزرسانی کاربر Adding an "update user" route

• افزودن JWT به بخش فرانت‌اند Adding JWTs to the front-end

• راه‌اندازی اولیه پروژه Basic project setup

• مبانی JSON Web Token JSON Web Token basics

• افزودن مسیر ثبت‌نام به سرور Adding a sign-up route to the server

• احراز هویت کاربر چیست؟ What is user authentication?

• افزودن مسیر ورود به سرور Adding a log-in route to the server

• راهکار: کار با JSON Web Tokens Solution: Working with JSON Web Tokens

• ایجاد مسیرهای خصوصی در ری‌اکت Creating private React routes

• افزودن JWT به صفحات ثبت‌نام و ورود Adding JWTs to sign-up and log-in pages

• مدیریت وضعیت (State) برای توکن‌ها State management for tokens

• افزودن قابلیت خروج از حساب Adding log-out functionality

• تجزیه داده‌های JWT Parsing JWT data

• افزودن JWT به صفحه اطلاعات کاربر Adding JWTs to the user info page

• افزودن قابلیت به‌روزرسانی به فرانت‌اند Adding update functionality to the front-end

2. تایید ایمیل 2. Email Verification

• افزودن مسیر تایید ایمیل Adding a verify email route

• راه‌اندازی سرویس ارائه‌دهنده ایمیل Setting up an email provider

• ایجاد کلید API برای ارائه‌دهنده ایمیل Creating an email provider API key

• یکپارچه‌سازی توکن‌های تایید Integrating verification tokens

• ارسال ایمیل از طریق Node Sending emails from Node

• ایجاد صفحه فرود تایید ایمیل Creating a verification landing page

• فرآیند پایه تایید ایمیل The basic email verification process

• افزودن صفحه «لطفاً ایمیل خود را تایید کنید» Adding a "please verify email" page

3. بازیابی رمز عبور 3. Resetting Passwords

• ارسال ایمیل «بازیابی رمز عبور» Sending a "reset password" email

• افزودن اندپوینت سرور برای بازیابی رمز عبور Adding a "reset password" server endpoint

• فرآیند پایه بازیابی رمز عبور The basic password reset process

• ایجاد صفحه فرود بازیابی رمز عبور Creating a "reset password" landing page

• افزودن صفحه «فراموشی رمز عبور» Adding a "forgot password" page

4. پروتکل OAuth 4. OAuth

• راه‌اندازی OAuth در گوگل Setting up OAuth on Google

• مدیریت احراز هویت موفق با OAuth Handling successful OAuth authentication

• افزودن مسیر URL برای OAuth Adding an OAuth URL route

• مبانی OAuth OAuth basics

• ایجاد دکمه «ورود با گوگل» Creating a "sign-in with Google" button

• بارگذاری اطلاعات کاربر از گوگل Loading user info from Google

• ایجاد کاربران جدید از طریق داده‌های OAuth Creating new users from OAuth data

• افزودن مسیر بازگشت (Callback) برای OAuth Adding an OAuth callback route

5. گزینه‌های آماده احراز هویت 5. Prebuilt Auth Options

• احراز هویت با Firebase Authentication with Firebase

• احراز هویت با Auth0 Authentication with Auth0

• احراز هویت با AWS Authentication with AWS

• احراز هویت با NextAuth.js Authentication with NextAuth.js

• احراز هویت با Clerk Authentication with Clerk

• چرا از گزینه‌های آماده احراز هویت استفاده کنیم؟ Why prebuilt auth options?

6. بهترین شیوه‌های پیاده‌سازی 6. Best Practices

• امن‌سازی پایگاه داده Securing your database

• استفاده از HTTPS و SSL Using HTTPS and SSL

• مدیریت خطاهای احراز هویت Authentication error handling

• هرگز به فرانت‌اند اعتماد نکنید Never trust the front-end

• راهکار: افزودن Salt و Pepper Solution: Adding salt and pepper

• شناسایی و مدیریت خطاها Catching & handling errors

• استفاده از Salting و Peppering برای رمزها Salting and peppering passwords

جمع‌بندی Conclusion

• گام‌های بعدی در مسیر یادگیری ری‌اکت Next steps in your React journey

ضمیمه Appendix

• تور آشنایی با Coderpad A tour of Coderpad