AI 聊天机器人
Persona.js
轻量级、可定制主题的AI聊天小部件,使用原生JavaScript构建,支持流式传输、语音、工具调用和插件系统。
Persona.js
什么是 Persona.js?
Persona.js 是一个开源、与框架无关的AI聊天小部件,可嵌入任何网站。它提供即插即用的UI,支持流式响应、语音输入输出、工具调用和插件系统。
Persona.js 与相似工具比较
W Wave | ||||
|---|---|---|---|---|
| 计价模式 | 免费 | 免费 | 免费 | 免费 |
| 免费额度 | ||||
| 主要功能 |
|
|
|
|
| 优点 |
|
|
|
|
| 缺点 |
|
|
|
|
| 适合对象 |
|
|
|
|
如何使用 Persona.js?
- 1通过 npm 安装:npm install @runtypelabs/persona
- 2导入并初始化:import { initAgentWidget } from "@runtypelabs/persona"; initAgentWidget({ target: "#chat", config: { apiUrl: "your-api-url" } });
- 3或使用 script 标签:设置 window.siteAgentConfig 并加载安装脚本。
- 4通过配置对象设置布局(浮动、停靠、全屏)和功能。
Persona.js 主要功能
- 基于SSE的流式聊天
- 语音输入输出
- 工具调用及人工审核
- 富内容面板
- 浮动、停靠和全屏布局
- 包含14个渲染钩子的插件系统
- 推理气泡与思维链
- 多模态内容(图片、文档)
- 主题与设计令牌
- 事件流检查器
Persona.js 使用场景
- 为文档网站添加AI助手
- 构建客户支持聊天机器人
- 为SaaS应用创建副驾驶(Copilot)
- 在任何网页中嵌入对话界面
Persona.js 价格与免费额度
Persona.js 目前采用 免费 模式。
此工具完全免费使用
Persona.js 优缺点
优点
- 轻量级且与框架无关
- 与后端无关(兼容任何支持SSE的后端)
- 功能丰富(语音、工具、生成内容)
- 可定制的插件系统
- 多种布局选项
缺点
- 需要自托管或后端设置
- 非托管服务 - 需要开发者集成
- 预构建集成有限(但可扩展)
Persona.js 最适合哪些用途?
- 希望为网站添加AI聊天界面的开发者
- 使用JavaScript前端构建自定义AI助手的团队