01
API client typée
Utilisez un client ciblé et adapté à TypeScript pour les messages, les conversations de suivi, la configuration du widget et les libellés localisés.
SDK JavaScript ouvert
Créez un chatbot personnalisé avec notre SDK JavaScript
Utilisez @openstaticfish/chattybox pour maîtriser l'interface pendant que ChattyBox gère la recherche, les citations des sources, les conversations et la mise à l'échelle. La clé API compatible avec les navigateurs identifie votre projet et peut être limitée aux origines autorisées.
Analyse les pages de documents publiées
Réponses citées par la source
S'intègre avec un seul script
Aucune migration de documents requise
Aucune carte de crédit requiseVotre contenu reste à vous
Demander à ChattyBox
xPar où commencer si j’ai besoin d’une réponse fiable depuis ce site ?
Commencez par ajouter l’URL de votre site web à ChattyBox. Il explore votre contenu, répond à partir des pages trouvées et montre aux visiteurs les sources derrière chaque réponse.
iSources citées3^
SDK JavaScript Guide
chattybox.ai
Statistiques
chattybox.ai
Accueil
chattybox.ai
Posez une question...
Propulsé par ChattyBox
Conçu pour Équipes JavaScript et TypeScript
Lancez un chatbot avec citations de sources sans reconstruire votre stack de docs
ChattyBox explore votre documentation existante, indexe le contenu pour la recherche et intègre un chatbot qui répond avec vos docs plutôt qu’avec la mémoire générique du modèle.
Installez depuis npm un package ESM typé avec Bun ou le gestionnaire de paquets de votre choix.
Créez votre propre affichage des messages, gestion des conversations, présentation des citations et conception des interactions.
Utilisez la même infrastructure gérée de recherche et de réponses fondées sur les sources que le widget hébergé.
Limitez les clés publiques du navigateur aux origines autorisées sans exposer les identifiants de gestion.
Étape du workflow
Créez un projet ChattyBox, indexez votre contenu et testez des questions représentatives.
Étape du workflow
Créez une clé API publique pour le widget et limitez-la aux origines de votre application.
Étape du workflow
Installez @openstaticfish/chattybox et initialisez le client avec l'URL d'API indiquée dans le tableau de bord.
Étape du workflow
Affichez les réponses et les URL des sources citées dans l'interface adaptée à votre produit.
Un lancement en trois étapes
Collez votre URL SDK JavaScript, testez les réponses citées, puis installez le widget.
Infrastructure de chat headless
Maîtrisez l'expérience produit, pas le pipeline de recherche
Le SDK est la voie recommandée pour les intégrations pilotées par les développeurs qui nécessitent une interface personnalisée, un état applicatif ou des workflows propres au produit.
02
Citations des sources
Recevez les URL des sources avec chaque réponse fondée et choisissez précisément comment elles apparaissent dans votre interface.
03
Continuité des conversations
Conservez l'identifiant de conversation renvoyé dans l'état du visiteur pour permettre des questions de suivi contextuelles.
04
Responsabilités transparentes
Votre application gère l'affichage et la conception des interactions ; ChattyBox assure l'exploration, la recherche, la génération et la mise à l'échelle.
Parcours d’installation
Installer le SDK de chatbot JavaScript
Le package fonctionne dans les applications récentes pour navigateur et Node.js qui fournissent fetch. Utilisez exactement l'URL de l'API du widget et la clé publique pour navigateur affichées dans l'onglet Intégration de votre projet.
- 1Installez @openstaticfish/chattybox depuis npm.
- 2Initialisez un client Chattybox avec votre clé API publique et l'URL de l'API du widget.
- 3Envoyez un message et affichez la réponse, l'identifiant de conversation et les URL des sources renvoyés.
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);À explorer ensuite
Plus de façons d’utiliser ChattyBox
01
SDK de chatbot React
Gérez l'état du chat et les réponses avec citations dans une interface React personnalisée.
Ouvrir
02
Chatbot IA Next.js
Utilisez le SDK en toute sécurité de part et d'autre des frontières serveur et client de l'App Router.
Ouvrir
03
Référence du SDK JavaScript
Consultez les méthodes du client, les champs de réponse, les conversations et les erreurs.
Ouvrir
04
Installation du widget hébergé
Choisissez l'interface maintenue sans étape de build si vous n'avez pas besoin d'un affichage personnalisé.
Ouvrir
05
Package npm public
Consultez les versions publiées, les métadonnées du package et la commande d'installation sur npm.
Ouvrir
06
Dépôt source GitHub
Consultez le dépôt source, les versions, les issues et l'historique du projet sur GitHub.
Ouvrir
Questions fréquentes
Questions fréquentes
Qu'est-ce qu'un SDK de chatbot JavaScript headless ?
C'est une bibliothèque cliente qui fournit le transport du chat et les données de réponse sans imposer d'interface. Votre application affiche les messages, les sources, les états de chargement et les commandes.
Le SDK JavaScript ChattyBox est-il public sur npm ?
Oui. Installez @openstaticfish/chattybox depuis npm et utilisez l'API publique documentée sur la page de référence du SDK.
Le SDK inclut-il la recherche et les citations des sources ?
Le SDK appelle l'infrastructure gérée de ChattyBox, qui recherche dans votre contenu indexé et renvoie le message généré avec les URL des sources citées.
Dois-je utiliser le SDK ou widget.js ?
Utilisez le SDK si votre équipe possède une interface ou un workflow personnalisé. Utilisez widget.js si vous souhaitez que ChattyBox maintienne une interface de chat prête à l'emploi et sans build.
Commencer gratuitement
Aucune carte de crédit requise. Votre contenu n’est pas utilisé pour l’entraînement de modèles.
Créer un chatbot gratuit
Niveau Free. Aucune carte requise.