سیستم لاگین در Nextjs: آموزش کار با کتابخانه Next Auth نسخه ۵!
798 بار بازدید -
2 ماه پیش
-
ابزار next-auth به کاربرا اجازه
ابزار next-auth به کاربرا اجازه میده خیلی راحت اپلیکیشن هایی که داریم رو وصل کنن به سیستم های oAuth 2 مثل گوگل و مایکروسافت یا یه سیستم authentication به صورت فول استک برای پروژه های نکست بیاریم بالا که دیگه به بک‌اند برای authentication نیازی نداشته باشیم
میشه یه جوری بیایم وصلش کنیم به سیستم بک‌اند خودمون ولی باید تمام اون پیچیدگی هایی که ابزار داره رو به پروژه‌مون تحمیل کنیم تا کار کنه، تو این ویدیو بررسی میکنیم که چه طوری میشه اینکارو کرد و پیاده سازیش میکنیم.
من خودم به شخصه روشی که تو ویدیو قبلی توضیح دادم رو خیلی بیشتر دوست دارم و به شما پیشنهاد میکنم اون روش رو انتخاب کنید اگر بک‌اند جدا دارید و اونجا سیستم احراز هویت کاربر و پیاده سازی کردید
لینک ویدیو قبلی درباره authentication در نکست بدون نیاز به کتابخونه و هیچی:
سیستم لاگین با nextjs: بدون نیاز به ...
00:00 - مقدمه
0:13 - معرفی ابزار Next Auth
2:13 - ساختار api backend پروژه
3:00 - نصب پکیج و تنظیم environment variable ها
5:36 - کانفیگ نکست آث
6:16 - کانفیگ Route Handler
6:47 - میدلور Next Auth
7:42 - ستاپ Credentials Provider
10:00 - اتصال فرم لاگین به نکست آف
11:11 - اتصال نکست آف به بک‌اند
14:04 - استفاده از تابع auth برای دسترسی به session
15:25 - ذخیره توکن در next auth
19:48 - پیاده سازی حالت logout
21:03 - پیاده سازی protected route
22:12 - تنظیمات middleware و کالبک authorized
25:15 - استفاده از access token برای اتصال به بک‌اند
27:05 - کانفیگ SessionProvider و استفاده از useSession
29:23 - دسترسی به access token و session سمت مرورگر
30:33 - خلاصه ویدیو و تغییرات اعمال شده
33:17 - جمع بندی و پایان
Website: https://react.ir
Twitter: Twitter: react_ir
Instagerm: Instagram: react_ir
Telegram: https://t.me/react_ir
Personal Twitter: Twitter: nima_arf
Personal Instagram: Instagram: nima_arf
Personal Github: https://github.com/nimaa77
میشه یه جوری بیایم وصلش کنیم به سیستم بک‌اند خودمون ولی باید تمام اون پیچیدگی هایی که ابزار داره رو به پروژه‌مون تحمیل کنیم تا کار کنه، تو این ویدیو بررسی میکنیم که چه طوری میشه اینکارو کرد و پیاده سازیش میکنیم.
من خودم به شخصه روشی که تو ویدیو قبلی توضیح دادم رو خیلی بیشتر دوست دارم و به شما پیشنهاد میکنم اون روش رو انتخاب کنید اگر بک‌اند جدا دارید و اونجا سیستم احراز هویت کاربر و پیاده سازی کردید
لینک ویدیو قبلی درباره authentication در نکست بدون نیاز به کتابخونه و هیچی:
سیستم لاگین با nextjs: بدون نیاز به ...
00:00 - مقدمه
0:13 - معرفی ابزار Next Auth
2:13 - ساختار api backend پروژه
3:00 - نصب پکیج و تنظیم environment variable ها
5:36 - کانفیگ نکست آث
6:16 - کانفیگ Route Handler
6:47 - میدلور Next Auth
7:42 - ستاپ Credentials Provider
10:00 - اتصال فرم لاگین به نکست آف
11:11 - اتصال نکست آف به بک‌اند
14:04 - استفاده از تابع auth برای دسترسی به session
15:25 - ذخیره توکن در next auth
19:48 - پیاده سازی حالت logout
21:03 - پیاده سازی protected route
22:12 - تنظیمات middleware و کالبک authorized
25:15 - استفاده از access token برای اتصال به بک‌اند
27:05 - کانفیگ SessionProvider و استفاده از useSession
29:23 - دسترسی به access token و session سمت مرورگر
30:33 - خلاصه ویدیو و تغییرات اعمال شده
33:17 - جمع بندی و پایان
Website: https://react.ir
Twitter: Twitter: react_ir
Instagerm: Instagram: react_ir
Telegram: https://t.me/react_ir
Personal Twitter: Twitter: nima_arf
Personal Instagram: Instagram: nima_arf
Personal Github: https://github.com/nimaa77
2 ماه پیش
در تاریخ 1403/04/30 منتشر شده
است.
798
بـار بازدید شده