01
Skrivet klient-API
Använd en fokuserad TypeScript-vänlig klient för meddelanden, uppföljningskonversationer, widgetkonfiguration och lokaliserade etiketter.
Öppna JavaScript SDK
Bygg en anpassad chatbot med vår JavaScript-SDK
Använd @openstaticfish/chattybox för att äga gränssnittet medan ChattyBox kör hämtning, källhänvisningar, konversationer och skalning. Den webbläsarsäkra API-nyckeln identifierar ditt projekt och kan begränsas till godkända ursprung.
Genomsöker publicerade dokumentsidorKällangivna svarBäddar in med ett skriptIngen dokumentmigrering krävsInget kreditkort krävsDitt innehåll förblir ditt
Fråga ChattyBox
xVar ska jag börja om jag behöver ett tillförlitligt svar från den här webbplatsen?
Börja med att lägga till din offentliga webbplats-URL i ChattyBox. Tjänsten hämtar indexerat innehåll som stöd för svar och kan visa källänkar som besökare kan granska. Testa svar och reservsvar före lansering.
iKällor3^
JavaScript-SDK vägledning
chattybox.ai
Analys
chattybox.ai
Hem
chattybox.ai
Ställ en fråga...
Drivs av ChattyBox
Byggd för JavaScript- och TypeScript-team
Lansera en chatbot med källhänvisningar utan att bygga om webbplatsens stack
ChattyBox genomsöker din befintliga webbplats, dokumentation, hjälpcenter, CMS eller kunskapsbas och bäddar sedan in en chatbot som svarar utifrån ditt eget publicerade innehåll i stället för modellens generiska minne.
Installera ett maskinskrivet ESM-paket från npm med Bun eller din föredragna pakethanterare.
Bygg din egen meddelandeåtergivning, konversationsstatus, citat och interaktionsdesign.
Använd samma hanterade hämtning och källjordade svarsinfrastruktur som den värdbaserade widgeten.
Offentliga webbläsarnycklar fungerar från alla origins som standard; exakta originbegränsningar är valfri härdning, inte autentisering.
1Arbetsflödessteg
Skapa ett ChattyBox-projekt, indexera ditt innehåll och testa representativa frågor.
2Arbetsflödessteg
Skapa en offentlig widget-API-nyckel; begränsa den valfritt till applikationens origins.
3Arbetsflödessteg
Installera @openstaticfish/chattybox och initiera klienten med API-URL från instrumentpanelen.
4Arbetsflödessteg
Återge svar och citerade källadresser i det gränssnitt som din produkt behöver.
Lansering i tre steg
Klistra in din JavaScript-SDK URL, testa citerade svar och installera sedan widgeten.
Huvudlös chattinfrastruktur
Äga produktupplevelsen, inte hämtningspipelinen
SDK:n är den rekommenderade sökvägen för utvecklarledda integrationer som behöver anpassat användargränssnitt, applikationstillstånd eller produktspecifika arbetsflöden.
Beslutsväg
Använd dessa kontrollpunkter för att bestämma om ChattyBox ska sitta bredvid din dokumentplattform, ersätta en separat assistent eller hålla sig isolerad för testning.
02
Källhänvisningar
Ta emot källadresser med varje jordat svar och bestäm exakt hur de visas i ditt gränssnitt.
03
Konversationskontinuitet
Spara returnerat konversations-ID för att gruppera meddelanden i en konversation. Den aktuella svarsförfrågan inkluderar inte tidigare meddelanden som modellkontext.
04
Transparenta gränser
Din applikation äger rendering och interaktionsdesign; ChattyBox driver genomsökning, hämtning, generering och skalning.
Installationsväg
Installera JavaScript-chatbot SDK
Paketet fungerar i nuvarande webbläsare och Node.js-applikationer som tillhandahåller hämtning. Använd den exakta widget-API-URL och offentliga webbläsarnyckel som visas på fliken Bädda in i ditt projekt.
- 1Installera @openstaticfish/chattybox från npm.
- 2Initiera en Chattybox-klient med din offentliga API-nyckel och widget-API-URL.
- 3Skicka ett meddelande och återge det returnerade svaret, konversations-ID och källwebbadresser.
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);Utforska härnäst
Fler sätt att använda ChattyBox
01Reager chatbot SDKHantera chattstatus och citerade svar i ett anpassat React-gränssnitt.02AI-chattbot för Next.jsAnvänd SDK på ett säkert sätt över App Router-server- och klientgränser.03JavaScript SDK-referensGranska klientmetoder, svarsfält, konversationer och fel.04Hosted widgetinstallationVälj det underhållna användargränssnittet utan att byggas när du inte behöver anpassad rendering.05Offentligt npm-paketGranska publicerade versioner, paketmetadata och installationskommandot på npm.06Källkodsarkiv på GitHubGranska källkodsarkivet, versioner, ärenden och projekthistorik på GitHub.
Vanliga frågor
Vanliga frågor
1
Vad är en headless JavaScript chatbot SDK?
Det är ett klientbibliotek som tillhandahåller chatttransport och svarsdata utan att föreskriva gränssnittet. Din applikation återger meddelanden, källor, laddningstillstånd och kontroller.
2
Är ChattyBox JavaScript SDK offentligt på npm?
Ja. Installera @openstaticfish/chattybox från npm och använd det offentliga API:t som finns dokumenterat på SDK-referenssidan.
3
Inkluderar SDK:n hämtning och källhänvisningar?
SDK:n anropar ChattyBox-hanterad infrastruktur, som hämtar från ditt indexerade innehåll och returnerar det genererade meddelandet med citerade källadresser.
4
Ska jag använda SDK:n eller widget.js?
Använd SDK när ditt team äger ett anpassat gränssnitt eller arbetsflöde. Använd widget.js när du vill att ChattyBox ska upprätthålla ett färdigt chatt-gränssnitt som inte är byggt.
Starta gratis
Inget kreditkort krävs. Ditt innehåll används inte för modellträning.
Skapa gratis chatbot
Free-nivå. Inget kort behövs.