사용자 인증

회원 정보를 쇼룸에 전달하는 방식은 서버에서 발급한 토큰을 넘기는 JWT 인증과 회원 정보로 쇼룸이 토큰을 발급하는 간편 인증 두 가지입니다.

사용자 인증 — 쇼룸 WEB

⏱ 예상 소요 시간: 15분

📋 사전 조건: 라이브러리 설치

인증 방식 비교

둘 중 하나만 호출합니다. 결과는 같고, 토큰을 누가 만드는지가 다릅니다.

💡 두 함수 모두 async 입니다. 인증 결과를 기다린 뒤 콘텐츠를 표시하려면 await 로 호출합니다.

JWT 인증

서버에서 발급한 토큰을 그대로 넘깁니다. 쇼룸이 유효성을 검증한 뒤 세션으로 사용합니다.

javascript

await window.SauceShowroomLib.setMemberToken('발급받은 JWT 토큰')

⚠️ 토큰이 유효하지 않거나 회원 토큰이 아니면 세션이 비워집니다. 이 경우 쇼룸은 인증하지 않은 상태로 동작합니다.

간편 인증

회원 정보를 넘기면 쇼룸이 토큰을 발급해 세션으로 사용합니다.

javascript

await window.SauceShowroomLib.setMemberObject({
  memberId: '회원 식별 ID',
  nickname: '닉네임',
  age: '20',
  gender: 'm'
})

파라미터	타입	필수	설명	값이 유효하지 않으면
memberId	String	필수	회원 식별 ID	브라우저 콘솔에 `멤버ID를 설정해주세요.` 를 남기고 중단
nickname	String	필수	닉네임	브라우저 콘솔에 `닉네임을 설정해주세요.` 를 남기고 중단
age	String	선택	연령대 — 10대 `'10'` · 20대 `'20'`	숫자 형식의 문자열이 아니면 경고 없이 `'etc'` 로 처리
gender	String	선택	남성 `'m'` · 여성 `'w'` · 기타 `'e'`	세 값이 아니면 경고 없이 `'e'` 로 처리

📌 필수 두 개가 없으면 토큰을 발급하지 않고 중단하고, 그 사실은 브라우저 콘솔에만 남습니다. 문구별 원인은 콘솔 경고와 문제 해결에 있습니다.

인증하지 않은 상태

두 함수를 호출하지 않아도 콘텐츠는 표시됩니다. 회원을 식별해야 하는 동작만 제한됩니다.

Updated about 4 hours ago

Did this page help you?