内部资料，请扫码登录

1744594981

# 功能介绍

使用知识库嵌入功能，您可以将已维护好的知识库轻松发布出来，供第三方网站或应用使用。这样用户不必访问您的主站点，就能直接获取知识库的服务。

# 嵌入形式有三种：

  1. 直接链接方式：通过发布的URL直接访问
  2. iframe嵌入方式：生成iframe代码，嵌入到第三方网站
  3. 悬浮窗方式：在第三方页面上方悬浮显示聊天窗口

PIG AI通过创建独立的前端项目来实现这些嵌入功能。我们特别注重性能优化，仅包含必要的聊天窗口功能，减少了依赖引入，大大降低了加载时间和资源消耗，提升了用户体验。

# 二次开发指南

# 第一步：获取源码

打开终端，执行以下命令克隆项目：

git clone https://git.pig4cloud.com/pig/chat-embed.git

# 第二步：配置服务器地址

在项目根目录创建或修改.env文件，设置您的API服务器地址：

VITE_APP_API_BASE_URL=http://127.0.0.1:9999

# 第三步：安装依赖并运行

在项目目录中执行以下命令：

# 安装项目依赖
pnpm install

# 启动开发服务器
npm run dev

# 调试方法

启动服务后，在浏览器中访问：

http://localhost:1002/bot/index.html#/0/-7/chat

# URL参数说明：

  • 第一个参数0：表示后端架构类型
    • 0 = 单体架构
    • 1 = 微服务架构
  • 第二个参数-7：表示知识库的datasetID
1744595366

# 部署发布

  1. 执行构建命令生成部署文件：
npm run build
  1. 将生成的dist目录内容复制到pigx-ai-ui项目的public/bot目录下即可完成部署
1744595422

系统集成