JavaScript-SDK openen

Bouw een aangepaste chatbot met onze JavaScript-SDK

Gebruik @openstaticfish/chattybox om eigenaar te worden van de interface, terwijl ChattyBox het ophalen, bronvermeldingen, gesprekken en schaling uitvoert. De browserveilige API-sleutel identificeert uw project en kan worden beperkt tot goedgekeurde oorsprongen.

Crawlt gepubliceerde documentpagina's

Bronvermelde antwoorden

Ingesloten met één script

Geen documentmigratie vereist

Begin met bouwen met de SDK Lees de SDK-referentie

Geen creditcard vereistJe content blijft van jou

Vraag ChattyBox

Waar moet ik beginnen als ik een betrouwbaar antwoord van deze site nodig heb?

Begin door uw website-URL aan ChattyBox toe te voegen. Het crawlt uw content, beantwoordt vragen vanuit de pagina's die het vindt en toont bezoekers de bronnen achter elk antwoord.

iBronnen3^

JavaScript-SDK gids

chattybox.ai

Analyse

chattybox.ai

Startpagina

chattybox.ai

Stel een vraag...

Aangedreven door ChattyBox

Gebouwd voor JavaScript en TypeScript teams

Lanceer een chatbot met bronvermeldingen zonder je documentatiestack opnieuw te bouwen

ChattyBox crawlt je bestaande documentatie, indexeert de content voor retrieval en embedt een chatbot die antwoordt vanuit je documentatie in plaats van generiek modelgeheugen.

Installeer een getypt ESM pakket van npm met Bun of uw favoriete pakketbeheerder.

Bouw uw eigen berichtweergave, gespreksstatus, citaten en interactieontwerp.

Gebruik dezelfde beheerde ophaal- en brongebaseerde antwoordinfrastructuur als de gehoste widget.

Beperk openbare browsersleutels tot goedgekeurde bronnen zonder dat beheerreferenties openbaar worden gemaakt.

Workflowstap

Maak een ChattyBox-project, indexeer uw inhoud en test representatieve vragen.

Workflowstap

Maak een openbare widget API-sleutel en beperk deze tot de oorsprong van uw applicatie.

Workflowstap

Installeer @openstaticfish/chattybox en initialiseer de client met API URL vanaf het dashboard.

Workflowstap

Geef antwoorden en geciteerde bron URLs weer in de interface die uw product nodig heeft.

Lancering in drie stappen

Plak uw JavaScript-SDK URL, test de geciteerde antwoorden en installeer vervolgens de widget.

Begin met bouwen met de SDK

Headless chatinfrastructuur

Eigenaar van de productervaring, niet van de ophaalpijplijn

De SDK is het aanbevolen pad voor door ontwikkelaars geleide integraties waarvoor aangepaste UI, applicatiestatus of productspecifieke workflows nodig zijn.

Beslissingspad

Gebruik deze controlepunten om te beslissen of ChattyBox naast uw documentplatform moet worden geplaatst, een afzonderlijke assistent moet vervangen of geïsoleerd moet blijven om te testen.

Getypte klant API

Gebruik een gerichte TypeScript-vriendelijke client voor berichten, vervolggesprekken, widgetconfiguratie en gelokaliseerde labels.

Bronvermeldingen

Ontvang bron URLs bij elk gefundeerd antwoord en beslis precies hoe deze in uw interface verschijnen.

Continuïteit van het gesprek

Houd de geretourneerde gespreks-ID in de bezoekersstatus om contextuele vervolgvragen te ondersteunen.

Transparante grenzen

Uw applicatie is eigenaar van het rendering- en interactieontwerp; ChattyBox verzorgt het crawlen, ophalen, genereren en schalen.

Installatiepad

Installeer de JavaScript chatbot SDK

Het pakket werkt in de huidige browser en Node.js-applicaties die fetch bieden. Gebruik de exacte widget API URL en de openbare browsersleutel die wordt weergegeven op het tabblad Insluiten van uw project.

1Installeer @openstaticfish/chattybox van npm.
2Initialiseer één Chattybox-client met uw openbare API-sleutel en widget API URL.
3Stuur een bericht en geef het geretourneerde antwoord, de gespreks-ID en bron URLs weer.

Begin met bouwen met de SDK

chat.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);

Hierna verkennen

Meer manieren om ChattyBox te gebruiken

Platformgidsen bekijken

SDK voor React-chatbots

Beheer de chatstatus en geciteerde antwoorden in een aangepaste React-interface.

Openen

Next.js AI-chatbot

Gebruik de SDK veilig over de App Router server- en clientgrenzen heen.

Openen

JavaScript SDK referentie

Bekijk clientmethoden, antwoordvelden, gesprekken en fouten.

Openen

Gehoste widgetinstallatie

Kies de onderhouden no-build UI als u geen aangepaste weergave nodig heeft.

Openen

Openbaar npm-pakket

Bekijk gepubliceerde versies, pakketmetadata en de installatieopdracht op npm.

Openen

Broncoderepository op GitHub

Bekijk de broncoderepository, releases, issues en projectgeschiedenis op GitHub.

Openen

Veelgestelde vragen

Wat is een headless JavaScript chatbot SDK?

Het is een clientbibliotheek die chattransport- en responsgegevens biedt zonder de interface voor te schrijven. Uw toepassing geeft berichten, bronnen, laadstatussen en besturingselementen weer.

Is de ChattyBox JavaScript SDK openbaar op npm?

Ja. Installeer @openstaticfish/chattybox van npm en gebruik de openbare API gedocumenteerd op de SDK referentiepagina.

Bevat de SDK het terugvinden en bronvermeldingen?

De SDK roept de beheerde infrastructuur van ChattyBox aan, die uw geïndexeerde inhoud ophaalt en het gegenereerde bericht retourneert met de geciteerde bron URLs.

Moet ik SDK of widget.js gebruiken?

Gebruik de SDK wanneer uw team een aangepaste interface of workflow bezit. Gebruik widget.js als je wilt dat ChattyBox een kant-en-klare, no-build chat UI onderhoudt.

Gratis starten

Geen creditcard vereist. Je content wordt niet gebruikt voor modeltraining.

Maak een gratis chatbot

Gratis niveau. Geen kaart nodig.