단일 페이지 애플리케이션에 AWS Cognito의 사용자 지정 로그인 리디렉션 문제가 발생함

Question

Cognito의 앱 클라이언트에서 호스팅 UI를 사용하면 리디렉션이 제대로 작동합니다. 하지만 나만의 로그인 페이지를 만들면 원하는 웹사이트로 리디렉션되지 않습니다.

이것은 VueJS를 사용하는 단일 페이지 애플리케이션에 있으며 React도 사용해 보았습니다. 로그인 페이지가 작동하고 사용자가 로그인하지만, Cognito에서 호스팅된 UI를 사용할 때 발생하는 일이기 때문에 Cognito에서 설정한 리디렉션 경로로 자동으로 리디렉션되기를 원합니다. 하지만 해당 웹사이트로 리디렉션되지 않으며, 리디렉션된 웹사이트에 로그인할 수 없습니다.

호스팅 UI는 모든 승인을 처리하는 것으로 보이며 리디렉션 사이트에 로그인할 수 있는 곳에 필수 자격 증명을 전달할 수 있습니다.

제가 잘못 사용한 건 아닐까요? 호스팅된 UI를 사용할 수 없도록 사용자 정의 로그인 및 등록 양식이 필요합니다. 하지만 외부 웹사이트로 리디렉션하고 사용자가 승인되고 로그인될 모든 로그인 자격 증명을 처리하려면 로그인이 필요합니다. 내가 이것을 설명했으면 좋겠다...

어떤 도움이라도 대단히 감사하겠습니다. 다시 한 번 말씀드리지만 저는 이 모든 것이 어떻게 작동하는지 잘 알고 있습니다. 감사합니다.

Answer 1

Cognito에서 호스팅된 UI를 사용하면 OAuth 2.0 호환 인증 서버가 제공됩니다. 관리형 UI를 사용하지 않는 경우 Oauth 흐름에 대한 콜백/리디렉션 기능(예: 암시적, 인증 코드 등)과 함께 이 기능을 직접 구축해야 합니다.

호스팅 UI에는 사용자 정의 필드가 있을 수 있으며 스타일도 조정할 수 있습니다. 여기에서 확인하세요.