MyMapOAuth 로그인 플로우 (시퀀스)
프롬프트
우리 앱의 OAuth 로그인 플로우를 그려 주세요
나만의 버전 만들기
프레임워크 소개
성공적인 로그인 교환 흐름 추적
이 시퀀스는 12개의 메시지를 통해 User, Browser, Backend API, OAuth Provider, DB의 흐름을 보여줍니다. Google로 로그인하는 단계에서 시작해 인증 및 동의 과정을 거친 다음, 브라우저에 인증 코드를 반환합니다. 브라우저는 /auth/callback으로 요청을 보내고, 백엔드는 코드를 액세스 토큰과 ID 토큰으로 교환합니다.
마지막 메시지에서는 사용자 레코드를 업서트하고, 사용자 객체를 반환하며, 세션 쿠키를 설정한 뒤 대시보드로 리디렉션합니다. 이 예시는 성공 경로만 간단히 보여줍니다. 동의 거부, 유효성 검사 실패, 만료된 세션에 대한 분기는 포함되어 있지 않습니다.
참여자 이름과 콜백 메시지를 실제 구현에 맞게 조정하세요. 이 짧은 상호작용 다이어그램을 완전한 인증 사양으로 간주하기보다, 논의할 검사와 실패 사례를 명시적으로 추가하는 것이 좋습니다.
포함 내용
얻는 것
- 사용자, 브라우저, 백엔드, 제공업체, 데이터베이스를 아우르는 참여자 5명
- Google 로그인부터 대시보드 리디렉션까지 이어지는 메시지 12개
- 액세스 토큰과 ID 토큰을 반환하는 인증 코드 교환
- 사용자 레코드 업서트 및 세션 쿠키 메시지
OAuth 로그인 플로우 (시퀀스)
✦ Free preview · Sign in to use
자주 묻는 질문
자주 묻는 질문
이 예시에 로그인 실패 흐름도 포함되어 있나요?
아니요. 로그인 버튼을 클릭한 순간부터 대시보드에 도착할 때까지 성공한 로그인 흐름 하나만 보여줍니다. 구현에서 처리하는 특정 오류에 맞춰 다른 분기 흐름을 추가해 달라고 요청해 보세요.
사용자 레코드는 어디에서 생성되거나 업데이트되나요?
토큰 응답을 받은 후 Backend API가 DB에 사용자 레코드 업서트 메시지를 보냅니다. API가 브라우저의 세션 쿠키를 설정하기 전에 DB가 사용자 객체를 반환합니다.
모든 인증 검사를 명시하고 있나요?
아니요. 메시지에는 구현 세부 정보와 유효성 검사 단계가 생략되어 있습니다. 엔지니어링 검토에 다이어그램을 사용하기 전에 애플리케이션의 인증 설계에 맞는 내용을 추가하세요.
OAuth 로그인 플로우 (시퀀스)
무료로 시작. 신용카드 불필요.