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 pubblicatiRisposte citate dalla fonteIncorpora con uno scriptNon è richiesta la migrazione dei documentiNessuna 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 pubblico del sito a ChattyBox. Recupera contenuti indicizzati per guidare le risposte e può mostrare link alle pagine fonte da verificare. Prova risposte e fallback prima del lancio.
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
Lancia un chatbot con citazioni delle fonti senza ricostruire lo stack del tuo sito
ChattyBox esegue la scansione del tuo sito web esistente, della documentazione, del centro assistenza, del CMS o della knowledge base, quindi incorpora un chatbot che risponde dai tuoi contenuti pubblicati invece che dalla memoria generica del modello.
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.
Le chiavi pubbliche del browser funzionano tra origini per impostazione predefinita; le restrizioni a origini esatte sono una protezione aggiuntiva opzionale, non autenticazione.
1Passaggio del workflow
Crea un progetto ChattyBox, indicizza i tuoi contenuti e testa domande rappresentative.
2Passaggio del workflow
Crea una chiave API pubblica del widget; facoltativamente, limitala alle origini della tua applicazione.
3Passaggio del workflow
Installa @openstaticfish/chattybox e inizializza il client con API URL dal dashboard.
4Passaggio 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.
Percorso decisionale
Utilizza questi punti di controllo per decidere se ChattyBox deve essere affiancato alla tua piattaforma di documenti, sostituire un assistente separato o rimanere isolato per i test.
02
Citazioni delle fonti
Ricevi URLs di origine con ogni risposta fondata e decidi esattamente come appaiono nella tua interfaccia.
03
Continuità della conversazione
Conserva l’ID conversazione restituito per raggruppare i messaggi in una conversazione. La richiesta di risposta attuale non include i messaggi precedenti come contesto del modello.
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';
// 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);Esplora ora
Altri modi per usare ChattyBox
01SDK per chatbot ReactGestisci lo stato della chat e le risposte citate in un'interfaccia React personalizzata.02Next.js Chatbot con intelligenza artificialeUtilizza SDK in modo sicuro oltre i confini del server e del client App Router.03JavaScript SDK riferimentoEsamina i metodi del client, i campi di risposta, le conversazioni e gli errori.04Installazione del widget ospitatoScegli la no-build mantenuta UI quando non hai bisogno del rendering personalizzato.05Pacchetto npm pubblicoConsulta le versioni pubblicate, i metadati del pacchetto e il comando di installazione su npm.06Repository del codice sorgente su GitHubEsamina il repository del codice sorgente, le release, i problemi e la cronologia del progetto su GitHub.
Domande frequenti
Domande comuni
1
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.
2
ChattyBox JavaScript SDK è pubblico su npm?
SÌ. Installa @openstaticfish/chattybox da npm e utilizza il API pubblico documentato nella pagina di riferimento SDK.
3
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.
4
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.