홈페이지 연동 안내

예원 AI 챗봇 임베드 가이드

챗봇 전체화면 →
Cloudflare Pages 배포 완료
아래 embed 코드의 주소를 Cloudflare에서 받은 *.pages.dev 또는 커스텀 도메인으로 바꿔 yewon.ac.kr footer에 추가하세요.

예원예술대학교 공식 홈페이지(또는 다른 웹페이지)에 AI KU처럼 우측 하단 플로팅 챗봇을 붙일 수 있습니다.

Cloudflare 배포

Python FastAPI 챗봇은 Cloudflare Pages가 아니라 Cloudflare Tunnel(cloudflared) 로 HTTPS 공개합니다.

1. 챗봇 서버 HTTPS 배포

예원 홈페이지(https://yewon.ac.kr)는 HTTPS이므로 챗봇도 HTTPS로 배포해야 합니다.
권장 주소: https://chatbot.yewon.ac.kr

배포 후 /health 로 상태를 확인하세요.

2. yewon.ac.kr 홈페이지에 스크립트 추가

홈페이지 공통 템플릿(footer)의 </body> 태그 바로 위에 다음 한 줄을 넣습니다.

로딩 중...

data-base 속성은 생략해도 됩니다. 스크립트 주소에서 서버 주소를 자동으로 읽습니다.

3. 로컬 테스트

아래 데모 페이지에서 홈페이지 연동 모습을 미리 볼 수 있습니다.

<script src="http://localhost:8000/static/embed.js"></script>

4. 확인 사항

홈페이지 데모 보기 위젯 단독 보기 관리자