← ClaudeAtlas

delon-auth-authentication-authorizationlisted

Implement authentication and authorization using @delon/auth. Use this skill when adding login/logout flows, JWT token management, role-based access control (RBAC), route guards, HTTP interceptors, and session management. Integrates with Firebase Auth and custom permission systems. Ensures secure token storage, automatic token refresh, and consistent authorization checks across components and services.
aiskillstore/marketplace · ★ 329 · API & Backend · score 82
Install: claude install-skill aiskillstore/marketplace
# @delon/auth Authentication & Authorization Skill This skill helps implement authentication and authorization using @delon/auth library. ## Core Principles ### Token Management - **JWT Storage**: Secure token storage using DA_SERVICE_TOKEN - **Auto Refresh**: Automatic token renewal before expiration - **Interceptors**: Automatic token injection in HTTP requests - **Logout**: Clean token removal and session cleanup ### Authorization - **RBAC**: Role-based access control - **Permissions**: Fine-grained permission checking - **Guards**: Route protection with role/permission checks - **ACL Integration**: Works with @delon/acl for UI-level controls ## Configuration ### App Config ```typescript // src/app/app.config.ts import { ApplicationConfig } from '@angular/core'; import { provideDelonAuth, DA_SERVICE_TOKEN, ITokenService } from '@delon/auth'; import { JWTTokenModel } from '@delon/auth'; export const appConfig: ApplicationConfig = { providers: [ provideDelonAuth({ token_send_key: 'Authorization', token_send_template: 'Bearer ${token}', token_send_place: 'header', login_url: '/passport/login', ignores: [/\/login/, /assets\//], allow_anonymous_key: 'allow_anonymous', executeOtherInterceptors: true, refreshTime: 3000, // Refresh token check interval (ms) refreshOffset: 6000 // Refresh token before expiration (ms) }) ] }; ``` ### Token Model ```typescript // src/app/core/models/auth-token.model.ts import