임베드 AI챗봇 데모

임베드 AI챗봇은 고객 홈페이지에 삽입되는 챗봇입니다.

기본적인 UI와 LLM 모델과의 대화 기능이 포함되어 있으며, UI 및 답변 방식에 대한 커스터마이징이 가능합니다.

화면 기록 2024-05-30 오후 7.07.10.mov

시작하기

이 문서에서는 JavaScript SDK(이하 “SDK”)의 초기 설정에 대해서 설명합니다.

비브리지 SDK는 웹 서비스에 비브리지AI 챗봇을 쉽게 설치할 수 있도록 도와줍니다.

아래의 방법을 따라 SDK를 설치 및 설정해주세요.

설치하기

서비스 내의 HTML 파일의 <head> 태그 내에 아래의 코드를 삽입합니다.

<head>
...
<!-- 비브리지AI 챗봇 설치 코드 -->
<script src="https://<커스텀 도메인 key값>.chatbot.slid.cc/bebridge-ai-chat.js" ></script>
</head>

<aside> 💡 보다 나은 가독성을 위해 제시된 코드와 같이 </head> 태그 직전에 주어진 코드를 삽입하는 것을 추천합니다.

</aside>

‣

초기화하기

init 메서드를 사용하여 비브리지AI 챗봇을 삽입하려는 웹페이지에서 SDK를 초기화합니다.

// 초기화
const { BebridgeAIChat } =  BebridgeAIChatbot;

//플러그인 키 값을 넣어 초기화합니다.
BebridgeAIChat.init({
	pluginKey: "YOUR_PLUGIN_KEY", // fill in your plugin key
});

const chatbotInstance = new BebridgeAIChat();

<aside> 💡 올바르지 않은 pluginKey로 init 할 경우, render 시 대화창이 제대로 보여지지 않습니다. 반드시 제공된 올바른 pluginKey를 사용해주세요.

</aside>