01
Cliente digitato API
Utilizza un client mirato TypeScript per messaggi, conversazioni di follow-up, configurazione di widget ed etichette localizzate.
Apri JavaScript SDK
Costruisci un chatbot personalizzato con il nostro SDK per JavaScript
Utilizza @openstaticfish/chattybox per possedere l'interfaccia mentre ChattyBox esegue il recupero, le citazioni delle fonti, le conversazioni e il ridimensionamento. La chiave API sicura per il browser identifica il tuo progetto e può essere limitata alle origini approvate.
Esegue la scansione delle pagine dei documenti pubblicati
Risposte citate dalla fonte
Incorpora con uno script
Non è richiesta la migrazione dei documenti
Nessuna carta di credito richiestaI tuoi contenuti restano tuoi
Chiedi a ChattyBox
xDa dove dovrei iniziare se mi serve una risposta affidabile da questo sito?
Inizia aggiungendo l'URL del tuo sito web a ChattyBox. Scansiona i tuoi contenuti, risponde dalle pagine che trova e mostra ai visitatori le fonti dietro ogni risposta.
iFonti3^
SDK per JavaScript guida
chattybox.ai
Analisi
chattybox.ai
Pagina iniziale
chattybox.ai
Fai una domanda...
Offerto da ChattyBox
Costruito per JavaScript e TypeScript squadre
Avvia un chatbot citato alla fonte senza ricostruire lo stack di documenti
ChattyBox esegue la scansione della documentazione esistente, indicizza il contenuto per il recupero e incorpora un chatbot che risponde utilizzando i tuoi documenti anziché la memoria del modello generico.
Installa un pacchetto ESM digitato da npm con Bun o il tuo gestore di pacchetti preferito.
Crea il tuo rendering dei messaggi, lo stato della conversazione, le citazioni e il design dell'interazione.
Utilizza la stessa infrastruttura di recupero gestito e risposta basata sull'origine del widget ospitato.
Limita le chiavi pubbliche del browser alle origini approvate senza esporre le credenziali di gestione.
Passaggio del workflow
Crea un progetto ChattyBox, indicizza i tuoi contenuti e testa domande rappresentative.
Passaggio del workflow
Crea una chiave API widget pubblica e limitala alle origini della tua applicazione.
Passaggio del workflow
Installa @openstaticfish/chattybox e inizializza il client con API URL dal dashboard.
Passaggio del workflow
Visualizza le risposte e le fonti citate URL nell'interfaccia di cui il tuo prodotto ha bisogno.
Lancio in tre fasi
Incolla il tuo URL SDK per JavaScript, prova le risposte citate, quindi installa il widget.
Infrastruttura di chat senza testa
Possiedi l'esperienza del prodotto, non la pipeline di recupero
SDK è il percorso consigliato per le integrazioni guidate dagli sviluppatori che richiedono UI personalizzati, stato dell'applicazione o flussi di lavoro specifici del prodotto.
02
Citazioni delle fonti
Ricevi URLs di origine con ogni risposta fondata e decidi esattamente come appaiono nella tua interfaccia.
03
Continuità della conversazione
Mantieni l'ID conversazione restituito nello stato visitatore per supportare domande di follow-up contestuali.
04
Confini trasparenti
La tua applicazione possiede la progettazione del rendering e dell'interazione; ChattyBox gestisce la scansione, il recupero, la generazione e il ridimensionamento.
Percorso di installazione
Installa il chatbot JavaScript SDK
Il pacchetto funziona nel browser corrente e nelle applicazioni Node.js che forniscono fetch. Utilizza il widget esatto API URL e la chiave del browser pubblico mostrati nella scheda Incorpora del tuo progetto.
- 1Installa @openstaticfish/chattybox da npm.
- 2Inizializza un client Chattybox con la chiave pubblica API e il widget API URL.
- 3Invia un messaggio ed esegui il rendering della risposta restituita, dell'ID conversazione e della fonte URLs.
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);Esplora ora
Altri modi per usare ChattyBox
01
SDK per chatbot React
Gestisci lo stato della chat e le risposte citate in un'interfaccia React personalizzata.
Apri
02
Next.js Chatbot con intelligenza artificiale
Utilizza SDK in modo sicuro oltre i confini del server e del client App Router.
Apri
03
JavaScript SDK riferimento
Esamina i metodi del client, i campi di risposta, le conversazioni e gli errori.
Apri
04
Installazione del widget ospitato
Scegli la no-build mantenuta UI quando non hai bisogno del rendering personalizzato.
Apri
05
Pacchetto npm pubblico
Consulta le versioni pubblicate, i metadati del pacchetto e il comando di installazione su npm.
Apri
06
Repository del codice sorgente su GitHub
Esamina il repository del codice sorgente, le release, i problemi e la cronologia del progetto su GitHub.
Apri
Domande frequenti
Domande comuni
Cos'è un chatbot JavaScript SDK senza testa?
Si tratta di una libreria client che fornisce il trasporto della chat e i dati di risposta senza prescrivere l'interfaccia. La tua applicazione esegue il rendering di messaggi, origini, stati di caricamento e controlli.
ChattyBox JavaScript SDK è pubblico su npm?
SÌ. Installa @openstaticfish/chattybox da npm e utilizza il API pubblico documentato nella pagina di riferimento SDK.
SDK include il recupero e le citazioni della fonte?
SDK chiama l'infrastruttura gestita ChattyBox, che recupera dal contenuto indicizzato e restituisce il messaggio generato con la fonte citata URLs.
Dovrei usare SDK o widget.js?
Utilizza SDK quando il tuo team possiede un'interfaccia o un flusso di lavoro personalizzato. Usa widget.js quando vuoi che ChattyBox mantenga una chat già pronta e senza build UI.
Inizia gratis
Nessuna carta di credito richiesta. I tuoi contenuti non vengono usati per addestrare modelli.
Crea chatbot gratuiti
Piano Free. Nessuna carta.