기본 설정
Identity Server 4, Identity Framework와 React 프론트 엔드를 결합한 환경을 어떻게 제대로 구성해야 할지에 대한 조언을 찾고 계신가요? 많은 정보가 존재하여 압도될 수 있지만 걱정하지 마세요. 저가 도움을 드리겠습니다.
우선, 세 가지 구성 요소로 나누어 보겠습니다:
신원 관리
신원 관리 구성 요소에 대해서는 ASP.Net Identity와 Identity Server 4 with Entity Framework를 결합한 빠른 시작 튜토리얼을 추천합니다. 이를 통해 튼튼한 기초를 다질 수 있습니다. 원하는 경우 Entity Framework 구성 요소가 없는 튜토리얼을 참조할 수도 있습니다.
API 인증
API는 요청을 인증하는 용도로만 설정되어야 합니다. 인증 및 등록은 모두 Identity Server 4에서 처리되어야 합니다. 이렇게 관심사를 분리함으로써 보다 안전하고 확장 가능한 시스템을 구축할 수 있습니다.
프론트 엔드 통합
React를 사용한 MVVM 또는 MVC 클라이언트인 경우, 이를 Identity Server 4에 등록해야 합니다. 튜토리얼을 따라가며 필요한 구성을 통합하여 프론트 엔드 애플리케이션을 Identity Server 4와 원활하게 연결할 수 있습니다.
이러한 설정을 구현하면 안전한 API, 단일 신원 관리원, 애플리케이션 간의 진정한 단일 로그인(SSO) 경험을 얻을 수 있습니다.
고급 기능과 미래 상태
기본 설정을 마친 후에는 고급 기능과 미래의 개선 사항에 대해 탐색할 수 있습니다.
React용 OIDC 클라이언트
React로 프론트 엔드 애플리케이션을 개발 중이라면 라이브러리를 활용하거나 고유한 OIDC 클라이언트를 만들 수 있습니다. 이러한 클라이언트를 사용하면 React 애플리케이션을 Identity Server 4와 Web API와 연결하는 과정을 간소화할 수 있습니다. 예를 들어, 인기 있는 OIDC-Connect 라이브러리를 사용하여 프론트 엔드와 Identity Server 4 간의 설정 및 통신을 처리할 수 있습니다.
Windows와 AD 로그인 통합
미래에는 시스템에 Windows 및 Active Directory (AD) 로그인 기능을 통합하고 싶을 수도 있습니다. 각 구성 요소를 별도로 유지하고 별개의 엔티티로 취급함으로써 AD를 Identity Server 4에 쉽게 통합할 수 있습니다. 이렇게 분리함으로써 API 또는 프론트 엔드 애플리케이션을 수정할 필요가 없습니다. Windows 로그인을 활용하는 튜토리얼을 참조하면 자세한 내용을 확인할 수 있습니다.
이 안내서가 원하시는 명확한 방향과 가이드를 제공해 드리기를 바랍니다. Identity Server 4, Identity Framework 및 React를 사용하여 보안 및 확장 가능한 시스템을 구축하기 위해 이러한 구성 요소를 분리하여 환경을 구성할 수 있습니다. 즐거운 코딩되세요!
