01
API de cliente escrita
Utilice un cliente compatible con TypeScript enfocado para mensajes, conversaciones de seguimiento, configuración de widgets y etiquetas localizadas.
Abrir SDK de JavaScript
Crea un chatbot personalizado con nuestro SDK de JavaScript
Utilice @openstaticfish/chattybox para ser propietario de la interfaz mientras ChattyBox ejecuta la recuperación, las citas de fuentes, las conversaciones y el escalado. La clave API segura para el navegador identifica su proyecto y puede restringirse a orígenes aprobados.
Rastrea páginas de documentos publicados
Respuestas citadas en la fuente
Incrustado con un script
No se requiere migración de documentos
No se requiere tarjeta de créditoTu contenido sigue siendo tuyo
Preguntar a ChattyBox
x¿Por dónde debería empezar si necesito una respuesta fiable de este sitio?
Empieza añadiendo la URL de tu sitio web a ChattyBox. Rastrea tu contenido, responde desde las páginas que encuentra y muestra a los visitantes las fuentes detrás de cada respuesta.
iFuentes3^
SDK de JavaScript guía
chattybox.ai
Analítica
chattybox.ai
Inicio
chattybox.ai
Haz una pregunta...
Con tecnología de ChattyBox
Construido para Equipos de JavaScript y TypeScript
Inicie un chatbot con fuente citada sin reconstruir su pila de documentos
ChattyBox rastrea su documentación existente, indexa el contenido para su recuperación e incorpora un chatbot que responde utilizando sus documentos en lugar de la memoria del modelo genérico.
Instale un paquete ESM escrito desde npm con Bun o su administrador de paquetes preferido.
Cree su propia representación de mensajes, estado de conversación, citas y diseño de interacción.
Utilice la misma infraestructura de respuesta basada en fuente y recuperación administrada que el widget alojado.
Restrinja las claves públicas del navegador a orígenes aprobados sin exponer las credenciales de administración.
Paso del flujo de trabajo
Cree un proyecto ChattyBox, indexe su contenido y pruebe las preguntas de los representantes.
Paso del flujo de trabajo
Cree una clave API de widget pública y restrinjala a los orígenes de su aplicación.
Paso del flujo de trabajo
Instale @openstaticfish/chattybox e inicialice el cliente con la URL de API desde el panel.
Paso del flujo de trabajo
Presente las respuestas y las URL de origen citadas en la interfaz que su producto necesita.
Lanzamiento en tres pasos
Pegue su URL SDK de JavaScript, pruebe las respuestas citadas y luego instale el widget.
Infraestructura de chat sin cabeza
Sea dueño de la experiencia del producto, no del proceso de recuperación
El SDK es la ruta recomendada para integraciones dirigidas por desarrolladores que necesitan una interfaz de usuario personalizada, un estado de la aplicación o flujos de trabajo específicos del producto.
02
Citas de fuentes
Reciba URL de origen con cada respuesta fundamentada y decida exactamente cómo aparecen en su interfaz.
03
Continuidad de la conversación
Mantenga el ID de la conversación devuelta en estado de visitante para admitir preguntas de seguimiento contextuales.
04
Límites transparentes
Su aplicación posee diseño de representación e interacción; ChattyBox opera rastreo, recuperación, generación y escalado.
Ruta de instalación
Instale el SDK del chatbot de JavaScript
El paquete funciona en el navegador actual y en las aplicaciones Node.js que proporcionan recuperación. Utilice la URL API del widget exacta y la clave pública del navegador que se muestran en la pestaña Insertar de su proyecto.
- 1Instale @openstaticfish/chattybox desde npm.
- 2Inicialice un cliente Chattybox con su clave API pública y la URL de API del widget.
- 3Envíe un mensaje y muestre la respuesta devuelta, el ID de la conversación y las URL de origen.
chat.ts
ts
import { Chattybox } from '@openstaticfish/chattybox';
const chattybox = new Chattybox({
apiKey: import.meta.env.PUBLIC_CHATTYBOX_API_KEY,
baseUrl: import.meta.env.PUBLIC_CHATTYBOX_API_URL,
});
const answer = await chattybox.sendMessage({
message: 'How do I get started?',
});
console.log(answer.message, answer.sources);Explora lo siguiente
Más formas de usar ChattyBox
01
SDK de chatbot de reacción
Administre el estado del chat y las respuestas citadas en una interfaz React personalizada.
Abrir
02
Chatbot de IA Next.js
Utilice el SDK de forma segura en los límites del servidor y del cliente de App Router.
Abrir
03
Referencia del SDK de JavaScript
Revise los métodos del cliente, los campos de respuesta, las conversaciones y los errores.
Abrir
04
Instalación de widget alojado
Elija la interfaz de usuario mantenida sin compilación cuando no necesite una representación personalizada.
Abrir
05
Paquete público de npm
Revise las versiones publicadas, los metadatos del paquete y el comando de instalación en npm.
Abrir
06
Repositorio de código fuente en GitHub
Examine el repositorio de código fuente, las versiones, los problemas y el historial del proyecto en GitHub.
Abrir
Preguntas frecuentes
Preguntas comunes
¿Qué es un SDK de chatbot JavaScript sin cabeza?
Es una biblioteca cliente que proporciona transporte de chat y datos de respuesta sin prescribir la interfaz. Su aplicación representa mensajes, fuentes, estados de carga y controles.
¿El SDK de JavaScript de ChattyBox es público en npm?
Sí. Instale @openstaticfish/chattybox desde npm y use la API pública documentada en la página de referencia del SDK.
¿El SDK incluye recuperación y citas de fuentes?
El SDK llama a la infraestructura administrada de ChattyBox, que recupera su contenido indexado y devuelve el mensaje generado con las URL de origen citadas.
¿Debo utilizar el SDK o widget.js?
Utilice el SDK cuando su equipo tenga una interfaz o un flujo de trabajo personalizado. Utilice widget.js cuando desee que ChattyBox mantenga una interfaz de usuario de chat lista para usar y sin compilación.
Empieza gratis
No se requiere tarjeta de crédito. Tu contenido no se usa para entrenar modelos.
Crear chatbot gratis
Plan Free. Sin tarjeta.