Guides

라이브러리 인증 기능

비회원, 간편 인증, JWT 인증 방식을 지원합니다.

간편 인증과 JWT 인증으로 사용자 정보를 연동할 수 있습니다. 간편 인증은 빠르고 간편하게 인증 사용을 할 수 있지만, 보안 강화와 임의의 사용자 ID가 어뷰징 되는 것을 방지하기 위해 JWT 인증을 할 수 있습니다. JWT Token 생성

게스트(비로그인) 사용자로 사용하기

<div id='sauce_live'></div>
<script type="text/javascript" src="https://player.sauceflex.com/static/js/SauceLiveLib.js"></script>
<script>
  window.SauceLiveLib.setInit({ broadcastId: '방송ID 를 입력해주세요' });
   // 다른 내용은 동일합니다만 방송이 stage 방송일 경우 아래의 코드로 테스트때 사용해주세요  
   // window.SauceLiveLib.setInit({ broadcastId: 'stage 방송ID 를 입력해주세요',env:'stage' });
  window.SauceLiveLib.load('sauce_live')
</script>

or

<div id='sauce_live'></div>
<script type="text/javascript" src="https://player.sauceflex.com/static/js/SauceLiveLib.js"></script>
<script>
  window.SauceLiveLib.setInit({ broadcastId: '방송ID 를 입력해주세요' });
  window.SauceLiveLib.load() //default 'sauce_live'
</script>

간편 인증 사용하기 (일반 텍스트 형식의 nickName 및 memberId)

<div id='sauce_live'></div>
<script type="text/javascript" src="https://player.sauceflex.com/static/js/SauceLiveLib.js"></script>
<script>
   window.SauceLiveLib.setInit({ broadcastId: '방송ID 를 입력해주세요' });
   window.SauceLiveLib.setMemberObject({
    memberId: string,
    nickName: string,
    age?: string, //옵션 ex) 10, 20, 30 - 나이대
    gender?: string, //옵션 ex) m, w  - 성별 남자(m), 여자(w)
   });
   window.SauceLiveLib.load() //default 'sauce_live'
</script>

간편 인증 사용 예시 (고객사 사용시의 코드 예시)

<div id='sauce_live'></div>
<script type="text/javascript" src="https://player.sauceflex.com/static/js/SauceLiveLib.js"></script>
<script>
    // 현재 고객이 로그인되어있는지 확인할수 있는 고객사 API를 사용합니다.  
   const response  = await fetch(`YOUR API`);
    // 고객사 API 에서 실제적으로 고객을 파악할수 있는 ID 와 이름 혹은 닉네임을 추출합니다.
   const { memberId,nickName,name } = await response.json();
   // URL 에서 방송ID를 가져오는 샘플 코드입니다. 
   const params  =new URLSearchParams(window.location.search);
   const broadcastId  = params.get('broadcastId');
    if(memberId && broadcastId ){
     window.SauceLiveLib.setInit({ broadcastId: broadcastId });
     window.SauceLiveLib.setMemberObject({
      memberId: memberId,
      // 채팅창에 표기되는 이름을 추가해줍니다. nickName을 표기하려면 nickName 이름을 표기하려면 이름을 입력해주세요
      nickName: nickName,
   });
    window.SauceLiveLib.load();
     // 멤버ID 등이 존재하지 않으면 비로그인으로 플레이어를 실행시킵니다.
  } else if (broadcastId) {
     window.SauceLiveLib.setInit({ broadcastId: broadcastId });
     // 비회원 로그인을 표기하는 세팅입니다.
     window.SauceLiveLib.setMemberToken(" ");
     window.SauceLiveLib.load();
   }
</script>