Тёмный

ساده ترین روش پیاده سازی رفرش توکن در ریاکت: احراز هویت و refresh token 

Nima Arefi
Подписаться 1,3 тыс.
Просмотров 1,2 тыс.
50% 1

Опубликовано:

 

25 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 46   
@nima_arf
@nima_arf 2 месяца назад
🔴اگر دوست دارید درباره memoization بیشتر بدونید میتونید این مقاله رو از وب سایت خودم بخونید react.ir/p/memo 🔗
@skia515
@skia515 17 дней назад
داداش ممنون بخاطر توضیحاتتون. خیلی خوب میشد اگر endpoint لاگین هم میزاشتید که ببینیم چطور انجام بدیم. اگر هم جایی هست بگید که ببینمش. ممنون
@masoudbahamin
@masoudbahamin Месяц назад
عالی بود لطفا از مباحث پیشرفته ای مثل این بیشتر ویدیو تولید کنید و منتظریم
@nima_arf
@nima_arf Месяц назад
حتما 🔥
@tahmasbtabar
@tahmasbtabar 2 месяца назад
اقا نیما ما منتظر ویدئوهای جدیدیم🥳
@SashaGamer479
@SashaGamer479 Месяц назад
کارت درسته سلطان کاش بیشتر ویدیو بزاری
@nima_arf
@nima_arf Месяц назад
چشم حتما 🔥
@ameer_taghavi
@ameer_taghavi 2 месяца назад
چه جالب! دقیقا فردای روزی که تو پروژه implement کردم ویدئو شما اومد! ولی تنها فرقش این بود من از debouncing استفاده کردم و شما از memoization. ولی روش شما بهتره
@nima_arf
@nima_arf 2 месяца назад
ببین debounce مشکلش اینکه هیچ ایده‌ای نداره پرامیس رفرش resolve شده یا نه، احتمالا یه جای کارت به مشکل میخوره (مگراینکه بهش یه ۱۰ - ۱۵ ثانیه wait بدی که زیاد جالب نیست) ولی این کاری که میخوایم بکنیم و میتونی با async-mutex انجام بدی و اون به درد همینکار میخوره، کتابخونه rxjs هم یه سری تابع داره برای این
@faeze.moradi8993
@faeze.moradi8993 2 месяца назад
​@@nima_arf میشه بیشتر توضیح بدین
@codehalic
@codehalic 6 дней назад
خیلی خفن و عالی دمت گرم بابت ساخت همچین ویدویی keep going bro
@nima_arf
@nima_arf День назад
❤️😍 خفن خودتی ما که اصلا هیچی بلد نیستیم
@Mohamova
@Mohamova 2 месяца назад
عاقا عالیییی ❤️❤️ چه ویدیو جامع و کامل و خوبی بود. 🎉
@nima_arf
@nima_arf 2 месяца назад
😍😍 دیدی چه قدر ایزی شد با fetch کثافت کاری axios و interceptor نداشت
@mahyarkeyhani
@mahyarkeyhani 2 месяца назад
Thanks bro
@nima_arf
@nima_arf 2 месяца назад
Any time
@ghazaleniazi5855
@ghazaleniazi5855 2 месяца назад
واقعا فوق العاده و کاربردی بود این ویدیو🔥🔥
@nima_arf
@nima_arf 2 месяца назад
عه تاپ کامنتر شدیی
@babakkhosravi8489
@babakkhosravi8489 2 месяца назад
به به عااالی سلطان👍🏻❤️
@nima_arf
@nima_arf 2 месяца назад
🔥😍❤️
@farshadsheikh3431
@farshadsheikh3431 2 месяца назад
damet garm , chizaii roo migi ke jayhaye dige peyda nemiishe
@nima_arf
@nima_arf 2 месяца назад
اصلا یکی از بهترین ویدیوهایی هستش که ساختم خوشحالم که کاربردی بوده
@arv-ls7zw
@arv-ls7zw 2 месяца назад
مرسی خیلی عالی بود👍
@nima_arf
@nima_arf 2 месяца назад
خواهش میکنم، خوشحالم که کاربردی بوده
@amirhosein-hr7zp
@amirhosein-hr7zp 2 месяца назад
به به منتظرم بودم 🎉🎉🎉🎉
@nima_arf
@nima_arf 2 месяца назад
🔥 انتظار ها به پایان رسید
@naashna594
@naashna594 2 месяца назад
🎉 عالی ممنون از توضیحات خوب. کاش راجع به ` سشن` هم یه ویدئو مبسوط بسازید ❤❤
@nima_arf
@nima_arf 2 месяца назад
یعنی تو بک‌اند سشن بسازیم به صورت کوکی ذخیره بشه بعد اونو تو فرانت استفاده کنیم؟
@abba3261
@abba3261 2 месяца назад
good tutorial
@nima_arf
@nima_arf 2 месяца назад
Glad it helped
@codeinday
@codeinday 2 месяца назад
عالی بود نیما جان واقعا لذت بردم
@nima_arf
@nima_arf 2 месяца назад
🚀😍 ایولللل
@Hosainmasoudi
@Hosainmasoudi 2 месяца назад
سلام عالی بود مرسی. فقط کدش را هم اگر بزارید که بتونیم تست کنیم ممنون میشم
@nima_arf
@nima_arf 2 месяца назад
چشم حتما یکم سرم خلوت بشه، سرکار باید ریلیز کنیم نزدیک ددلاینیم میزارم کدشو
@alirezaaraby
@alirezaaraby 2 месяца назад
ممنون بابت توضیحات خوبتون. سوال اینه که الان next-auth خودش اینارو هندل میکنه؟
@nima_arf
@nima_arf 2 месяца назад
سلام نه هیچی برای رفرش توکن نداره خودتون باید اضافه کنید، و اون race condition رو هندل کنید و ....
@alirezaaraby
@alirezaaraby 2 месяца назад
@@nima_arf ممنون من بخش refresh token رو درست کردم ولی الان برای اینکه race condition رو هندل کنم باید چه کنم؟
@nima_arf
@nima_arf 2 месяца назад
​@@alirezaaraby تو next-auth؟ برای سمت سرور میتونی دور اون تابع که درخواست میزنه و رفرش میکنه یه memooize بزاری و token.refreshToken و به عنوان کلید memoization استفاده کنی برای سمت کلاینت باید هربار تابع useSession و صدا کنی و ازش auth header و بخونی تا اگر لازم باشه رفرششش کنه میتونی با axios interceptor هم ترکیبش کنی که اتوماتیک اینکارو انجام بده
@SyedSINA
@SyedSINA 2 месяца назад
ممنون نیما بابت توضیحاتت، خیلی ساده و روشن بود 🔥🔥 اول بگم صدای ویدیو خیلی کم بود! من مجبور شدم صدای سیستم رو بذارم روی 100 تا واضح بشنوم! یک موردی دیگه هم برای سینک بودن دیتا بین تب ها، یک listener خود ویندوز داره که تغییرات storage رو چک میکنه، از این نمیشه برای اون حالتی که آخر ویدیو توضیح دادی استفاده کرد؟
@nima_arf
@nima_arf 2 месяца назад
اره متاسفانه صدا یکم کم بوده، تو ویدیوهای بعدی یکم بیشتر دقت میکنم بهش - این دفعه صدای میکروفون و کم کردم خودمم یکم ازش دور شدم تا صدای نفس کشیدن یکم کمتر بشه ولی گویا تو موقع ادیت صدارو اونقدری که لازم بوده زیاد نکردم درباره storage هم بله، اون کار هم میتونید بکنید ولی اون روش برای وقتی استفاده میشه که broadcast api در دسترس نباشه (مرورگر کاربر خیللییی قدیمی باشه) یعنی شما بهتره اول از broadcast api استفاده کنید، اگر پشتیبانی نمیشد و دردسترس نبود از storage که حالا خوشبخاته این پکیج tab-election کل این قضیه رو برای ما هندل میکنه ما دیگه کاری به این چه اتفاقی پشت صحنه میوفته نداریم
@robbin-x5k
@robbin-x5k 2 месяца назад
نیما ایوووووول خدایی ویدیو با کیفیت و پرمحتوایی بود. دمتگرم. یه سئوال داشتم، من یه لیست دارم که دیتا رو از api میگیرم، و این لیست رو به صورت اینتروال هر 15 ثانیه آپدیت میکنم(به api ری کوئست میزنم)، حالا بعضی وقت ها من وقتی میخوام روی لیست فیلتر اعمال کنم و ری کوئست رو بزنم، ریکوئست مربوط به فیلتر و ری کوئست اینتروال، جلو عقب میشه و گاهی اوقات دیتای قبلی رو نشون میده و یهو دیتای جدید که success میشه رو نشون میده، از abortController هم استفاده میکنم ولی هنوز مشکل دارم.به نظرت راه حلی داری برای این موضوع؟
@nima_arf
@nima_arf 2 месяца назад
اون abort controller داره درست کار نمیکنه از یه ابزار اماده مثل react query استفاده کنی همه اینارو هندل میکنه
@masoudbahamin
@masoudbahamin Месяц назад
کاش کدش رو میزاشتی توی گیتهاب
@mohammadmiiad
@mohammadmiiad 2 месяца назад
اقا نیما شما چرا دوره برگذار نمیکنید ؟
@nima_arf
@nima_arf 2 месяца назад
دوره هم چشم به وقتش الان زمان مناسبی برای دوره جدید نیست ابزارها و فریمورک ها با نسخه جدید ری‌اکت همشون عوض میشن و اپدیت میشن، دوره ضبطش هزینه بر و سخت هستش پس باید جوری باشه که یه مدتی به روز باشه و مردم بتونن ازش استفاده کنن
Далее
NAH UH
00:17
Просмотров 2 млн
новое испытание
00:40
Просмотров 91 тыс.