소개
지난 사례에서 구축한 RAG 챗봇을 여러가지 프론트엔드에 임베딩을 시도해보았습니다.
여전히 홈서버는 잘 작동중입니다.
진행 방법
주변에서 주로 사용하는 웹페이지나 서비스를 조사했습니다.
WIX - 무료계정
CAFE24 쇼핑몰 - 구축할 내 사이트
wordpress, tistory - 로컬에 설치해봄. 챗봇이 되나 확인용.
아임웹(무료계정에서는 무료계정 안내에 가려서 챗봇 아이콘을 볼 수가 없음.
그렇지만, 성공한 것 같음 - 이미지 캡춰 못했음.bubble(추후) - 무료계정
전부 웹(Web)서비스이고, html코드안에 넣으면 동작하는 코드를 확인함.
https://www.npmjs.com/package/@n8n/chat
이 주소에 가면 html에 넣은 코드샘플이 있다. 챗봇에 설정되어 있는 챗봇주소를 붙혀넣으면 된다.
webhookurl이 챗봇의 주소인데, 외부에서 접속할 수 있는 도메일을 연결해야합니다.
챗봇주소는 여기에서 확인
챗봇 붙히러 고고!!
자, 이제 코드를 확인했으니 여러서비스에서 html코드를 수정하는 곳을 찾아서 코드넣고 확인해봅시다.
wix
성공!!
cafe24쇼핑몰
쇼핑몰디자인 편집메뉴로 들어가서 "</>HTML 수정" 을 눌러요.
성공!!
WORDPRESS
html구조가 아닌 듯하고, 수정을 어떻게 해야 할 지 못찾음 -> 성공전입니다.
결과와 배운 점
무서워하지말고, 도전하자. 자주 해보니 해볼만 하다.
실패하면 엎고 다시하면 된다.