로그인 연동

sauceShowroomMemberLogin 은 로그인하지 않은 사용자가 알림 버튼을 눌렀을 때 뜨는 로그인 모달에서 전송됩니다. 페이로드는 없습니다.

로그인 연동 — 쇼룸 WEB

⏱ 예상 소요 시간: 10분

🔧 필수/선택: 선택 — 정의하지 않으면 모달만 닫힙니다

전송 시점

쇼룸 안에서 이 이벤트를 보내는 지점은 한 곳입니다.

사용자 인증을 하지 않은 상태에서 사용자가 알림 버튼을 클릭합니다.
로그인 후 이용할 수 있습니다. 안내와 함께 로그인 모달이 열립니다.
사용자가 로그인하기를 클릭하면 sauceShowroomMemberLogin 이 전송됩니다.

💡 쇼룸에는 자체 로그인 화면이 없습니다. 로그인은 자사몰이 처리하고, 쇼룸은 인증 결과를 setMemberToken·setMemberObject 로 받습니다.

구현

페이로드가 없으므로 인자를 받지 않습니다.

javascript

// 동일 페이지
window.sauceShowroom.sauceShowroomMemberLogin = () => {
  window.location.href = '자사몰 로그인 페이지 URL'
}

javascript

// 부모 페이지 (iframe 구성)
window.addEventListener('message', (e) => {
  if (typeof e.data !== 'string') return

  let key

  try {
    key = JSON.parse(e.data).key
  } catch (_error) {
    return
  }

  if (key === 'sauceShowroomMemberLogin') {
    window.location.href = '자사몰 로그인 페이지 URL'
  }
})

로그인 이후

쇼룸은 로그인 완료를 스스로 알지 못합니다. 인증 함수를 다시 호출해야 세션이 반영됩니다.

복귀 방식	해야 할 것
로그인 페이지로 이동 후 쇼룸 페이지로 복귀	복귀한 페이지에서 `setMemberToken` 또는 `setMemberObject` 를 호출한 뒤 콘텐츠를 표시합니다
팝업·모달로 로그인 처리	로그인 완료 후 `setMemberToken`·`setMemberObject` 를 호출하고 모듈을 다시 표시합니다

⚠️ 이미 그려진 콘텐츠는 인증 함수를 호출해도 다시 그려지지 않습니다. 알림 버튼 상태를 갱신하려면 해당 모듈을 다시 표시합니다.

다음 단계

브릿지 이벤트 레퍼런스 — 페이로드 전체

→

Updated about 4 hours ago

Did this page help you?