معرفی @rxweb/angular-router: مدیریت مسیریابی زاویه ای بهتر 🚀

بازنشر افلاطون

دنبال: 0

روتر زاویه‌ای که قادر به ساخت برنامه‌های SPA با پشتیبانی از چندین مسیر است، استفاده از یک HTML واحد با تمام قابلیت‌ها در سراسر برنامه و رندر کردن رابط کاربری بر اساس مسیر، به علاوه محافظ‌های مسیر را برای اعطای و حذف دسترسی پیکربندی می‌کند، که بسیار جالب است. .😀

یکی دیگر از جنبه هایی که در هنگام توسعه یک برنامه کاربردی با امنیت بالا باید مورد توجه قرار گیرد، احراز هویت و مجوز است، به طوری که آنها به طور جداگانه و به صورت متمرکز انجام می شوند، یک محافظ واحد برای مدیریت دسترسی و یک کنترل کننده اقدام پیش از مسیر برای مدیریت داده های برنامه، چگونه اینها در یک برنامه زاویه ای مدیریت می شوند و چالش های سطح بالایی با آن مواجه هستند ?????🤨

چه چیزی وجود ندارد؟

جهت گیری مرکزی برای رسیدگی به مجوز و احراز هویت قبل از مسیر با جداسازی نگرانی ها
حل جهانی کاربر قبل از مقداردهی اولیه کامپوننت
دسترسی جهانی را بر اساس نقش کاربر مدیریت کنید
تنها CanActivate برای همه مسیرها برای رسیدگی به قوانین پیچیده تجاری به طور جداگانه
میان افزارهای سطح جهانی و جزء

چرا @rxweb/angular-router؟

یک دکوراتور که در ماژول ریشه با نقش مدیریت احراز هویت، مجوز و میان افزارها در سراسر برنامه اعلام شده است، به صورت جداگانه مدیریت می شوند.
یک گارد CanActivate با تمام مسیرها
بررسی دسترسی هوشمندانه مؤلفه
رمزگذاری متمرکز URL

با @rxweb/angular-router

@rxweb/angular-router چیست؟

@rxweb/angular-router بسته ای برای مدیریت مسیرها در یک برنامه زاویه ای همراه با مجوز، احراز هویت به روشی بصری و جدا است.

آن را با ساده سازی از اقداماتی که باید هر زمان که کاربر به مسیر هدایت می‌شود و داده‌ها رندر می‌شوند، انجام می‌شود، که باعث افزایش قابلیت نگهداری از ماژول روتر در برنامه زاویه ای ما کمک می کند و به جلوگیری از استفاده از محافظ های متعدد در حین ساخت برنامه کمک می کند استوار.

طریقه استفاده

نصب و راه اندازی:

npm @rxweb/angular-router را نصب کنید

موارد زیر را در عبارت import در app.module.ts اضافه کنید

import { RxRoutingModule } from '@rxweb/angular/router';

همانطور که بحث کردیم، نحوه استفاده جهانی از مجوز، احراز هویت و میان افزارها را با استفاده از یک Decorator @routerModule خواهیم دید.

La @routerModule در app.module.ts به شرح زیر اعلام شده است

@routerModule({ authentication:, authorization :, middlewares : [] })
@NgModule({...})
export class AppModule { }

با آموزش فهرست شده در زیر یک به یک به این ویژگی ها مقادیر اضافه می کنیم:

به همین ترتیب https://www.codementor.io/@ushmidave905/simplified-way-to-perform-authentication-in-angular-routing-1ecfy6paac?published=1

برای اجرای مجوز مراجعه کنید روشی ساده برای انجام احراز هویت در مسیریابی زاویه ای

نتیجه

در این مقاله با @rxweb/angular-router و مزایای آن و بخش‌های آموزشی پیاده‌سازی در @routerModule آشنا شدیم، همراه با پیاده‌سازی جهانی همچنین شامل مجوز مبتنی بر دستورالعمل، میان‌افزارهای مبتنی بر مؤلفه و سطح دسترسی است.