다크 모드
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',
});
});다음 단계
- Options - 설정 옵션 상세
- Methods - API 메서드
- React Integration - React에서 사용하기
다중 초기화
하나의 페이지에서 init()을 여러 번 호출할 수 있지만, 일반적으로 한 번만 호출하는 것을 권장합니다.