项目链接：https://github.com/Littlekayden/ai-bot-widget

项目介绍

一个可以在任何网站中引入使用的 AI 问答机器人挂件，支持流式响应，提供优雅的用户体验；该项目是使用Cursor开发的前端项目，需要自己实现后端接口；

项目使用方式

方式一：通过CDN引入

<!-- 引入样式文件 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/your-username/ai-bot-widget@v2.0.0/ai-bot-widget.css">

<!-- 引入脚本文件 -->
<script src="https://cdn.jsdelivr.net/gh/your-username/ai-bot-widget@v2.0.0/ai-bot-widget.js"></script>

注意：将 your-username 替换为您的 GitHub 用户名，v2.0.0 替换为实际的版本号

方式二：下载项目文件，本地引入

<!-- 引入样式文件 -->
<link rel="stylesheet" href="ai-bot-widget.css">

<!-- 引入脚本文件 -->
<script src="ai-bot-widget.js"></script>

后端接口地址

GET http://localhost:8081/chatWithFlux?message={用户消息}

响应格式

接口需要返回 Server-Sent Events (SSE) 格式的流式数据：

Content-Type: text/event-stream;charset=utf-8

最终效果