angular-rbac کتابخانه سبک وزن RBAC برای پروژه های Angular بعدی شما

Summarize this content to 400 words in Persian Lang
برای کنترل دسترسی کامل برای برنامه خود، احتمالاً به دو چیز نیاز دارید:

کنترل DOM برای نمایش یا پنهان کردن بخش‌هایی از نمای شما بر اساس نقش‌ها/مجوزهای کاربر.
با جلوگیری از دسترسی بازدیدکنندگان به صفحات مدیر، از مسیرهای خود محافظت کنید.
بارگذاری مسیرها را بر اساس نقش ها و پرنیش ها کنترل کنید. این چیزی است که Angular CanMatch برای بارگذاری یک مسیر یا عدم بارگذاری بر اساس یک شرط ارائه می دهد.

angular-rbac تمام ویژگی های فوق را از طریق:

CanAccessDirective دستورالعمل برای کنترل DOM

<div
*canAccess=”{ roles: [‘admin’], permissions: [‘user-delete’] }; other: noPermissionTemplate”>
<div>Protected users list herediv>
div>

<ng-template #noPermissionTemplate>
<p>You do not have permission!p>
ng-template>

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

سه محافظ RBAC از پیش ساخته شده

محافظ‌های angular-rbac نقش‌ها و مجوزهای مجاز را برای دسترسی به یک مسیر خاص دریافت می‌کنند، RedirectUrl در صورت خرابی و Boolean برای skipLocationChange

canMatchAccessGuard برای بارگذاری مسیر بر اساس شرایط CanMatch

{
path: “planet”,
component: LayoutComponent,
loadChildren: () => import(“./features/planet/planet.routes”).then((routes) => routes.PLANET_ROUTES),
canActivateChild: [canActivateChildAccessGuard({ roles: [“admin”], permissions: [“read-planets”, “create-planets”] }, “/auth/login”, true)],
}

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

آن را بررسی کنیدGithub: https://github.com/fatehMohamed14/angular-rbacNPM: https://www.npmjs.com/package/@fatehmoh/angular-rbac

<div
  *canAccess="{ roles: ['admin'], permissions: ['user-delete'] }; other: noPermissionTemplate">
  <div>Protected users list herediv>
div>

<ng-template #noPermissionTemplate>
  <p>You do not have permission!p>
ng-template>

 {
    path: "planet",
    component: LayoutComponent,
    loadChildren: () => import("./features/planet/planet.routes").then((routes) => routes.PLANET_ROUTES),
    canActivateChild: [canActivateChildAccessGuard({ roles: ["admin"], permissions: ["read-planets", "create-planets"] }, "/auth/login", true)],
  }