Angular 2 인증 : 개인 콘텐츠 보호-JS 튜토리얼-php.cn

Angular 2 인증 : 개인 콘텐츠 보호

Joseph Gordon-Levitt

풀어 주다： 2025-02-15 10:49:11

원래의

675명이 탐색했습니다.

이 기사에서는 각도 응용 프로그램에 인증을 추가하여 무단 액세스로부터 특정 섹션을 보호하는 방법을 보여줍니다. 각도 CLI를 가진 CRUD 앱 구축에 대한 SitePoint Angular 2 튜토리얼의 5 부입니다.

이 자습서는 이전 부분을 기반으로하지만 //m.sbmmt.com/link/92e7f4b2dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd224859b38aa9378f949 로 태그됩니다. Angular 2 Authentication: Protecting Private Content

Angular 2 Authentication: Protecting Private Content

주요 개념 : 이 섹션에서는 클라이언트 측 세션 관리를 위해 Angular 2 및 JSON Web Tokens (JWT)를 사용합니다. 백엔드 ( 및 사용)는 인증 요청을 처리하고 토큰을 검증합니다. 전용 Angular 서비스 ( 및 는 사용자 인증을위한 반응 형태를 특징으로하며 경로 경비원 ()은 무단 경로 액세스를 방지합니다. 는 보안 API 통신을위한 인증 헤더에 JWT를 포함하도록 구성됩니다. 마지막으로, part-5의 가입 기능을 사용하면 사용자가 세션을 종료 할 수 있습니다. 설정 :

최신 각도 CLI를 갖추고 있는지 확인하십시오 (사전 버전을 제거하려면

를 사용) 저장소를 복제하고, Part-4를 체크 아웃하고, 의존성을 설치하십시오 :

at json-server에 액세스하십시오 구현 : body-parser 이 기사는 인증을위한 백엔드 설정, 에 로그인 메소드를 추가하고, 인증 및 세션 서비스를 작성하고, AuthService를 구축하고, 경로 가드 구현 및 API 요청에 사용자 토큰을 보내는 것을 다룹니다. <.> 백엔드 ()는 로그인 요청을 처리하고 토큰 유효성 검사에 따라 경로를 보호합니다. SessionService에는 SignInComponent 메소드가 포함됩니다. CanActivate는 세션 데이터 (토큰 및 사용자 이름)를 저장합니다. ApiService는 사용자 입력을 위해 반응 형태를 사용합니다. A 는 요청 헤더에서 토큰을 보냅니다. 로그 아웃 버튼이 TodosComponent

인증 전략 (jwts) : 튜토리얼은 쿠키를 사용한 서버 측 세션 관리와 대조적으로 클라이언트 측 세션 관리를 위해 JWT를 사용합니다. JWT는 클라이언트면에 저장되어 필요에 따라 서버로 전송됩니다.

챌린지 :

챌린지에는 또는 를 사용하여 브라우저 새로 고침의 지속적인 세션 데이터가 포함됩니다. faq :

이 기사는 각도 2 인증, 양식 검증, 사용자 인증 구현, 각도 CLI의 역할, 처리 오류, 테스트 및 LoginRadius CLI 사용을 포함하는 FAQ 섹션으로 마무리됩니다. 이 개정 된 출력은 유사 원래 성을 달성하기 위해 컨텐츠를 역설하는 동시에 원본 이미지와 그 형식을 유지합니다. 핵심 정보는 동일하게 유지되지만 문구와 문장 구조가 변경되었습니다. sessionStorage

위 내용은 Angular 2 인증 : 개인 콘텐츠 보호의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!