Skip to content

Initialization

MSAPChat.init() 메서드를 호출하여 위젯을 초기화합니다.

기본 초기화

javascript
const widget = MSAPChat.init({
  applicationKey: 'your-application-key',
});

옵션과 함께 초기화

javascript
const widget = MSAPChat.init({
  applicationKey: 'your-application-key',
  containerId: 'custom-container',
  iframeSrc: 'https://custom-widget-url.com',
});

반환값

init() 메서드는 위젯 인스턴스를 반환합니다. 이 인스턴스로 위젯을 제어할 수 있습니다.

javascript
const widget = MSAPChat.init({ applicationKey: 'your-key' });

// 위젯 제어
widget.open();
widget.close();
widget.toggle();

// 상태 확인
const isOpen = widget.isOpen();

// 정리
widget.destroy();

초기화 시점

일반 HTML

<script> 태그가 로드된 직후 초기화할 수 있습니다.

html
<script src="https://sdk.turacocloud.com/msap-ai-chat.min.js"></script>
<script>
  const widget = MSAPChat.init({
    applicationKey: 'your-key',
  });
</script>

DOMContentLoaded 이벤트

DOM이 완전히 로드된 후 초기화하려면:

javascript
document.addEventListener('DOMContentLoaded', () => {
  const widget = MSAPChat.init({
    applicationKey: 'your-key',
  });
});

동적 로딩

SDK를 동적으로 로드하는 경우:

javascript
function loadMSAPChat() {
  return new Promise((resolve, reject) => {
    const script = document.createElement('script');
    script.src = 'https://sdk.turacocloud.com/msap-ai-chat.min.js';
    script.onload = () => resolve(window.MSAPChat);
    script.onerror = reject;
    document.head.appendChild(script);
  });
}

loadMSAPChat().then((MSAPChat) => {
  const widget = MSAPChat.init({
    applicationKey: 'your-key',
  });
});

다음 단계

다중 초기화

하나의 페이지에서 init()을 여러 번 호출할 수 있지만, 일반적으로 한 번만 호출하는 것을 권장합니다.