- Tubelator AI
- >
- Videos
- >
- People & Blogs
- >
- Understanding and Implementing Next.js Middleware for Route Protection
Understanding and Implementing Next.js Middleware for Route Protection
Learn about the core Next.js fundamental of using middleware for route protection. Discover how to restrict access to certain paths based on user authentication status and redirect them accordingly. Gain insights into implementing isAuthenticated middleware and leverage nextResponse.next for seamless request handling.
Install Tubelator On Chrome
Video Summary & Chapters
No chapters for this video generated yet.
Video Transcript
یک پایه اصلی در Next.js استفاده از تغییر مسیر در یک فایل middleware است.
و یکی از دلایلی که ممکن است بخواهید این کار را انجام دهید این است که به سادگی از مسیرها محافظت کنید.
این بدان معنی است که اگر یک کاربر معتبر باشد، پس از آن آنها می توانند به مسیرهای مختلف در برنامه شما دسترسی پیدا کنند.
اما اگر آنها تأیید نشده اند، ممکن است بخواهید آنها را به یک صفحه ورود بازگردانید، مانند آنچه که ما در اینجا داریم.
به عنوان مثال اگر من سعی می کنم به صفحه Dashboard بروم و سپس اینجا را فشار دهید وارد کنید.
شما می بینید که من فقط به صفحه ورود ارسال می شود. من واقعا نمی توانم به
دسترسی به صفحه dashboard و دلیل این است که در middleware.js ما
فایل که در ریشه دایرکتوری ما در اینجا است بنابراین آن را در ما نیست
اپلیکیشن دایرکتوری
این در ریشه پروژه ما در همان سطح است که JSON config، package.json، بنابراین
در ادامه و به همین ترتیب.
ما این middleware.js را داریم و اساسا ما نوع خنده دار، خوب، isAuthenticated جعلی است.
اگر تصدیق شوند، خوب است.
فقط از nextResponse.next استفاده کنید و ما nextResponse را از nextServer وارد می کنیم.
فقط با درخواست خود ادامه دهید.
آنها معتبر هستند بنابراین شما می توانید به این صفحه دسترسی پیدا کنید.
دیگر، اگر آنها تأیید نشده اند، بنابراین شما این را وارد نمی کنید اگر بلوک،
سپس آنها را به صفحه login هدایت کنید.
بنابراین ما فقط از پاسخ بعدی استفاده می کنیم.
ما روش نقطه را به شیوه پاسخ بعدی می نامیم.
و سپس در اینجا ما یک URL جدید را با خواندن این ویژگی جدید URL که ما برای
آزاد در این
و سپس ما از نام مسیر و همچنین URL پایه عبور می کنیم.
که آنها را به LOCOS3000 منتقل می کند.
و سپس ما اطمینان حاصل می کنیم که این کار را انجام می دهیم هنگامی که آنها سعی می کنند به صفحه dashboard دسترسی پیدا کنند.
بنابراین اگر شما صفحات دیگری دارید که می خواهید محافظت کنید،
البته شما می توانید آنها را به این سازگاری پیکربندی زیر اضافه کنید.
بنابراین فقط برای نشان دادن دوباره، اگر ما
برای دسترسی به dashboard، من فقط به سمت راست به صفحه ورود هدایت شده است. اما اگر من این را به درست،
بنابراین در حال حاضر ما نوع خنده دار هستیم، خوب کاربر وارد شده است و در حال حاضر آنها سعی می کنند به دسکتاپ دسترسی داشته باشند،
در واقع می توانند به آن دسترسی پیدا کنند، زیرا آنها معتبر هستند.
این بدان معنی است که ما فقط نوعی وارد این اگر بلاک و ما ادامه می دهیم.
شما به عنوان کاربر می خواهید به جای هدایت آنها.
بنابراین یک راه حل ساده و سریع در Next.js این است که اگر شما می خواهید برای محافظت از
مسیرهای خود را یا اگر شما می خواهید در میان نرم افزار خود را تغییر دهید، شما می توانید از موارد زیر استفاده کنید.
پاسخ، وارد کردن آن از سرور بعدی و تماس با روش تغییر مسیر بر روی آن، عبور
راه جدیدی است که آنها
باید کاربر را دوباره هدایت کنید. و سپس اگر شما نوعی از مسیرهای محافظت با
فقط اطمینان حاصل کنید که شما یک پیکربندی را با یک خواص مطابقت که تعریف می کند
راه های مختلف که شما می خواهید این middleware را اجرا کنید یا که شما می خواهید آن را
برای محافظت. بنابراین بسیار سریع یکی در اینجا اما امیدوارم کمک کند. امیدوارم شما یاد گرفتید
چیزی هست و من در قسمت بعدی شما را می بینم.
Video Summary & Chapters
No chapters for this video generated yet.
Video Transcript
یک پایه اصلی در Next.js استفاده از تغییر مسیر در یک فایل middleware است.
و یکی از دلایلی که ممکن است بخواهید این کار را انجام دهید این است که به سادگی از مسیرها محافظت کنید.
این بدان معنی است که اگر یک کاربر معتبر باشد، پس از آن آنها می توانند به مسیرهای مختلف در برنامه شما دسترسی پیدا کنند.
اما اگر آنها تأیید نشده اند، ممکن است بخواهید آنها را به یک صفحه ورود بازگردانید، مانند آنچه که ما در اینجا داریم.
به عنوان مثال اگر من سعی می کنم به صفحه Dashboard بروم و سپس اینجا را فشار دهید وارد کنید.
شما می بینید که من فقط به صفحه ورود ارسال می شود. من واقعا نمی توانم به
دسترسی به صفحه dashboard و دلیل این است که در middleware.js ما
فایل که در ریشه دایرکتوری ما در اینجا است بنابراین آن را در ما نیست
اپلیکیشن دایرکتوری
این در ریشه پروژه ما در همان سطح است که JSON config، package.json، بنابراین
در ادامه و به همین ترتیب.
ما این middleware.js را داریم و اساسا ما نوع خنده دار، خوب، isAuthenticated جعلی است.
اگر تصدیق شوند، خوب است.
فقط از nextResponse.next استفاده کنید و ما nextResponse را از nextServer وارد می کنیم.
فقط با درخواست خود ادامه دهید.
آنها معتبر هستند بنابراین شما می توانید به این صفحه دسترسی پیدا کنید.
دیگر، اگر آنها تأیید نشده اند، بنابراین شما این را وارد نمی کنید اگر بلوک،
سپس آنها را به صفحه login هدایت کنید.
بنابراین ما فقط از پاسخ بعدی استفاده می کنیم.
ما روش نقطه را به شیوه پاسخ بعدی می نامیم.
و سپس در اینجا ما یک URL جدید را با خواندن این ویژگی جدید URL که ما برای
آزاد در این
و سپس ما از نام مسیر و همچنین URL پایه عبور می کنیم.
که آنها را به LOCOS3000 منتقل می کند.
و سپس ما اطمینان حاصل می کنیم که این کار را انجام می دهیم هنگامی که آنها سعی می کنند به صفحه dashboard دسترسی پیدا کنند.
بنابراین اگر شما صفحات دیگری دارید که می خواهید محافظت کنید،
البته شما می توانید آنها را به این سازگاری پیکربندی زیر اضافه کنید.
بنابراین فقط برای نشان دادن دوباره، اگر ما
برای دسترسی به dashboard، من فقط به سمت راست به صفحه ورود هدایت شده است. اما اگر من این را به درست،
بنابراین در حال حاضر ما نوع خنده دار هستیم، خوب کاربر وارد شده است و در حال حاضر آنها سعی می کنند به دسکتاپ دسترسی داشته باشند،
در واقع می توانند به آن دسترسی پیدا کنند، زیرا آنها معتبر هستند.
این بدان معنی است که ما فقط نوعی وارد این اگر بلاک و ما ادامه می دهیم.
شما به عنوان کاربر می خواهید به جای هدایت آنها.
بنابراین یک راه حل ساده و سریع در Next.js این است که اگر شما می خواهید برای محافظت از
مسیرهای خود را یا اگر شما می خواهید در میان نرم افزار خود را تغییر دهید، شما می توانید از موارد زیر استفاده کنید.
پاسخ، وارد کردن آن از سرور بعدی و تماس با روش تغییر مسیر بر روی آن، عبور
راه جدیدی است که آنها
باید کاربر را دوباره هدایت کنید. و سپس اگر شما نوعی از مسیرهای محافظت با
فقط اطمینان حاصل کنید که شما یک پیکربندی را با یک خواص مطابقت که تعریف می کند
راه های مختلف که شما می خواهید این middleware را اجرا کنید یا که شما می خواهید آن را
برای محافظت. بنابراین بسیار سریع یکی در اینجا اما امیدوارم کمک کند. امیدوارم شما یاد گرفتید
چیزی هست و من در قسمت بعدی شما را می بینم.
