delon-acl
Implémenter le contrôle d'accès basé sur les rôles
Les applications Angular ont besoin d'un moyen fiable de contrôler les permissions des utilisateurs et de protéger les éléments d'interface. Cette compétence fournit des modèles de code pour implémenter le ACL avec des guards, des directives et des vérifications de permissions.
スキルZIPをダウンロード
Claudeでアップロード
設定 → 機能 → スキル → スキルをアップロードへ移動
オンにして利用開始
テストする
「delon-acl」を使用しています。 Show me how to protect a route for admin users only
期待される結果:
- Create a route guard using ACLService:
- 1. Import CanActivateFn from @angular/router
- 2. Inject ACLService and Router
- 3. Check permissions with aclService.can({ role: ['admin'] })
- 4. Return true or redirect to /403
- 5. Add guard to route's canActivate array
「delon-acl」を使用しています。 How do I hide buttons based on user permissions
期待される結果:
- Use the *aclIf directive in your template:
- - Add ACLIfDirective to component imports
- - Apply *aclIf="'permission-name'" to elements
- - Use complex conditions with role/ability objects
- - Works with both *aclIf and @if control flow
セキュリティ監査
安全This skill contains only documentation and TypeScript code examples for @delon/acl library. All 52 static findings are false positives: hash values were misidentified as weak crypto, Angular dynamic imports and template literals as malicious scripts, and markdown syntax as shell commands. No executable code, network calls, or file system operations exist.
リスク要因
🌐 ネットワークアクセス (1)
📁 ファイルシステムへのアクセス (1)
⚡ スクリプトを含む (3)
⚙️ 外部コマンド (31)
品質スコア
作れるもの
Construire des tableaux de bord d'administration
Créer des interfaces d'administration avec des éléments d'interface basés sur les rôles et des routes protégées pour différents niveaux d'utilisateurs.
Implémenter des systèmes de permissions
Concevoir et implémenter des structures de permissions granulaires pour les applications Angular multi-locataires.
Connecter l'interface aux permissions du backend
Relier le ACL frontend avec les règles de sécurité backend pour un contrôle d'accès complet.
これらのプロンプトを試す
Montre-moi comment configurer @delon/acl avec ACLService pour vérifier les permissions des utilisateurs dans un composant Angular.
Créer un guard de route CanActivateFn utilisant ACLService pour protéger les routes admin dans Angular.
Montre comment utiliser la directive *aclIf pour afficher conditionnellement des boutons basés sur les permissions des utilisateurs.
Implémenter un PermissionService qui intègre @delon/acl avec les permissions des blueprints ng-events pour le suivi de chantiers de construction.
ベストプラクティス
- Initialiser ACL tôt en utilisant APP_INITIALIZER après l'authentification
- Utiliser des signaux calculés avec ACL pour des vérifications de permissions réactives
- Combiner ACL côté client avec des règles de sécurité côté serveur pour une défense en profondeur
回避
- Coder en dur des vérifications de rôles directement dans les composants au lieu d'utiliser ACLService
- Compter uniquement sur le masquage côté client sans validation côté serveur
- Ne pas réinitialiser l'état ACL lors de la déconnexion ou du changement d'utilisateur