delon-auth-authentication-authorization
Angular 앱에 보안 인증 추가
Angular에서 보안 인증 구축에는 토큰, 가드, 권한 확인을 신중하게 구현해야 합니다. 이 기술은 JWT 관리, 역할 기반 접근 제어, @delon/auth 라이브러리를 사용한 라우트 보호를 위한 즉시 사용 가능한 패턴을 제공합니다.
Baixar o ZIP da skill
Upload no Claude
Vá em Configurações → Capacidades → Skills → Upload skill
Ative e comece a usar
Testar
A utilizar "delon-auth-authentication-authorization". Firebase Auth를 사용하여 내 Angular 앱에 인증 추가
Resultado esperado:
- token_send_template 및 login_url로 @delon/auth 구성
- login() 및 logout() 메서드로 AuthService 생성
- 인증되지 않은 접근으로부터 라우트를 보호하기 위한 authGuard 설정
- HTTP 요청에 자동 토큰 주입 구성
- 만료 전 토큰 갱신 (6000ms 오프셋)
- DA_SERVICE_TOKEN을 사용하여 JWT 안전하게 저장
A utilizar "delon-auth-authentication-authorization". 관리자 및 사용자 역할에 대한 역할 기반 접근 제어 생성
Resultado esperado:
- 사용자 역할을 라우트 데이터와 확인하기 위한 roleGuard 정의
- 역할 확인을 위한 AuthService의 hasRole() 메서드 생성
- roleGuard 및 data: { role: 'admin' }로 관리자 라우트 보호
- 세밀한 권한 검사를 위한 hasPermission() 구현
- UI 요소 제어를 위해 @delon/acl와 권한 동기화
- 예외 페이지 /exception/403으로 리다이렉션하여 무단 접근 처리
Auditoria de Segurança
SeguroThis is a documentation-only skill containing Angular authentication patterns. All 55 static findings are false positives. The skill shows legitimate JWT handling (atob for payload decoding), Angular lazy-loading syntax (import()), template literals (backticks), and standard token storage (DA_SERVICE_TOKEN). No malicious code, scripts, or unauthorized network access is present.
Fatores de risco
⚡ Contém scripts (1)
🌐 Acesso à rede (1)
Pontuação de qualidade
O Que Você Pode Construir
Angular 앱에 로그인 추가
JWT 토큰을 사용한 안전한 사용자 로그인, 자동 세션 관리, 보호된 라우트로 구현합니다.
역할 기반 접근 구축
관리자, 사용자 및 사용자 정의 역할 권한을 라우트 가드와 컴포넌트 수준의 접근 검사와 함께 생성합니다.
API 통신 보안
만료 전 갱신 및 안전한 저장과 함께 HTTP 요청에 자동 토큰 주입을 구성합니다.
Tente Estes Prompts
@delon/auth를 사용하여 내 Angular 앱에 인증을 추가합니다. 이메일과 비밀번호를 사용한 로그인 컴포넌트, JWT 토큰 저장소, HTTP 헤더에 자동 토큰 주입을 포함합니다.
@delon/auth를 사용하여 인증 가드를 생성합니다. 인증되지 않은 사용자를 로그인 페이지로 리다이렉트합니다. 대시보드 및 관리자 라우트를 보호합니다.
@delon/auth로 역할 기반 접근 제어를 구현합니다. 관리자, 매니저, 사용자 역할에 대한 가드를 생성합니다. 컴포넌트에서 권한을 확인하는 방법을 보여줍니다.
@delon/auth로 자동 토큰 갱신을 구성합니다. 만료된 토큰을 처리하여 사용자를 로그아웃시키고 세션을 지웁니다. Firebase Auth 토큰 갱신과 통합합니다.
Melhores Práticas
- 토큰 전송을 보호하기 위해 프로덕션에서 항상 HTTPS 사용
- 짧은 토큰 만료 시간 설정 및 장기 세션을 위한 갱신 토큰 사용
- 로그아웃 시 토큰 및 사용자 데이터를 포함한 모든 인증 상태 지우기
Evitar
- 암호화 없이 localStorage에 토큰 저장 - 대신 DA_SERVICE_TOKEN 사용
- 백엔드에서 역할 검증 건너뛰기 - 항상 서버 측에서 권한 확인
- 적절한 가드 없이 보호된 라우트에 인증되지 않은 접근 허용