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éesRéponses citées par la sourceS'intègre avec un seul scriptAucune migration de documents requiseAucune 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 publique de votre site à ChattyBox. Il récupère le contenu indexé pour guider les réponses et peut afficher des liens vers les pages sources à vérifier. Testez les réponses et les réponses de secours avant le lancement.
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 pile de site
ChattyBox explore votre site existant, votre documentation, votre centre d'aide, votre CMS ou votre base de connaissances, puis intègre un chatbot qui répond à partir de votre propre contenu publié plutôt qu'à partir de la mémoire générique d'un 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é.
Les clés publiques fonctionnent sur toutes les origines par défaut ; les restrictions d’origine exactes sont une protection facultative, pas une authentification.
1Étape du workflow
Créez un projet ChattyBox, indexez votre contenu et testez des questions représentatives.
2Étape du workflow
Créez une clé API publique de widget ; vous pouvez la restreindre aux origines de votre application.
3Étape du workflow
Installez @openstaticfish/chattybox et initialisez le client avec l'URL d'API indiquée dans le tableau de bord.
4É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.
Chemin de décision
Utilisez ces points de contrôle pour décider si ChattyBox doit s'asseoir à côté de votre plate-forme de documents, remplacer un assistant distinct ou rester isolé pour les tests.
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é pour regrouper les messages. La requête de réponse actuelle ne transmet pas les messages précédents comme contexte au modèle.
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';
// Replace these placeholders with the public key and widget API URL from Embed.
const chattybox = new Chattybox({
apiKey: 'YOUR_PUBLIC_WIDGET_KEY',
baseUrl: 'YOUR_WIDGET_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
01SDK de chatbot ReactGérez l'état du chat et les réponses avec citations dans une interface React personnalisée.02Chatbot IA Next.jsUtilisez le SDK en toute sécurité de part et d'autre des frontières serveur et client de l'App Router.03Référence du SDK JavaScriptConsultez les méthodes du client, les champs de réponse, les conversations et les erreurs.04Installation du widget hébergéChoisissez l'interface maintenue sans étape de build si vous n'avez pas besoin d'un affichage personnalisé.05Package npm publicConsultez les versions publiées, les métadonnées du package et la commande d'installation sur npm.06Dépôt source GitHubConsultez le dépôt source, les versions, les issues et l'historique du projet sur GitHub.
Questions fréquentes
Questions fréquentes
1
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.
2
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.
3
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.
4
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.