개발 블로그

로그인을 테스트해볼 수 있는 화면은 React 프로젝트로 만들어 보도록 하겠다(npm, node.js는 설치되어 있다고 가정하고 진행한다) 1. 이를 위해 vite를 사용해 React 프로젝트부터 만들어보자$npm create vite@latest front-oauth프로젝트명은 알기 쉽게 front-oauth라고 적어줬다위의 명령어를 실행하면 framework 등 선택 화면이 나오는데 아래와 같이 선택했다 2. 위의 설치 과정이 끝난 후 localhost:5173으로 접속하면 아래와 같은 화면이 나오면 설치 과정이 정상적으로 완료된 것이다 2. 간단한 테스트를 위해 로그인 버튼만 존재하는 화면을 만들어보자. function App() { return ( 로그인 )}e..

JWT payload에 원하는 정보를 넣기 위해 일단 권한 서버부터 수정해 보자 1. OAuth2TokenCustomizer 빈을 재정의하면 된다@Beanpublic OAuth2TokenCustomizer jwtCustomizer(UserDetailsService userDetailsService) { return context -> { if (OAuth2TokenType.ACCESS_TOKEN.equals(context.getTokenType())) { String username = context.getPrincipal().getName(); UserDetails userDetails = userDetailsService.loadUserByUs..

이제 OAuth2 서버 중 마지막인 리소스서버를 만들어보자 1. 의존성 추가implementation 'org.springframework.boot:spring-boot-starter-oauth2-resource-server'implementation 'org.springframework.security:spring-security-oauth2-jose'우리는 JWT 토큰을 사용하므로 'org.springframework.security:spring-security-oauth2-jose' 의존성도 추가했다 2. 토큰을 발급해 준 issuer url을 설정에 추가한다(application.yml)spring: security: oauth2: resourceserver: jwt:..