라이브 방송 알림 기능 구현하기

    라이브 방송 알림 기능 구현하기


    기사 요약

    방송 예정 목록에서 알림 신청 버튼을 사용하여 ON_CLICK_REMIND_CAMPAIGN 콜백을 설정함으로써, 전달받은 캠페인 정보를 이용해 라이브 방송 알림 기능을 구현할 수 있습니다.

    기능 활성화가 필요하신가요?

    기능 활성화 요청은 샵라이브(ask@shoplive.cloud)로 문의해주세요.

    ON_CLICK_REMIND_CAMPAIGN

    방송 알림 버튼 클릭 시 호출되는 messageCallback입니다. 이를 통해 방송 알림에 대한 이벤트를 정의할 수 있습니다.

    Action

    Payload

    Description

    ON_CLICK_REMIND_CAMPAIGN

    json object

    알림신청 버튼 클릭 시 호출되는 message Callback 입니다.

    <script>
          let messageCallback = {
            ON_CLICK_REMIND_CAMPAIGN: (payload) => {
              console.log("ON_CLICK_REMIND_CAMPAIGN", payload);
              if (payload.isReminded) {
                alert("알림 설정 완료");
                // 내부로직을 통한 알림 설정
              } else {
                alert("알림 해제 완료");
                // 내부로직을 통한 알림 해제
              }
            },
          };
          cloud.shoplive.init({
            accessKey: ACCESSKEY,
            messageCallback: messageCallback,
          });
    </script>
    

    Payload 객체

    Property name

    Type

    Example

    Description

    campaign

    json object

    json object

    캠페인 정보 객체 (아래 Campaign 객체 참조)

    isReminded

    boolean

    true

    알림신청 버튼 클릭 시 true / 신청완료 버튼 클릭 시 false

    Campaign 객체

    Property name

    Type

    Example

    Description

    campaignKey

    string

    'abcd1234'

    캠페인 정보

    title

    string

    '테스트 캠페인'

    알림신청 버튼 클릭 시 true / 신청완료 버튼 클릭 시 false

    campaignStatus

    string

    'READY'

    캠페인 상태 ('READY' | 'ONAIR' | 'CLOSED' | null )

    scheduledAt

    number

    1601373600000

    시작 예정 시각

    startedAt

    number

    1601373605000

    실제 시작 시각

    endedAt

    number

    null

    실제 방송 종료 시각