Ö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 dokumentsidor

Källangivna svar

Bäddar in med ett skript

Ingen dokumentmigrering krävs

Börja bygga med SDK Läs SDK-referensen

Inget kreditkort krävsDitt innehåll förblir ditt

Fråga ChattyBox

Var 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 webbplats-URL i ChattyBox. Den genomsöker ditt innehåll, svarar utifrån sidorna den hittar och visar besökare källorna bakom varje svar.

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 chattbot med källhänvisningar utan att bygga om din docs-stack

ChattyBox crawlar din befintliga dokumentation, indexerar innehållet för hämtning och bäddar in en chattbot som svarar med dina docs i stället för generiskt modellminne.

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.

Begränsa offentliga webbläsarnycklar till godkända ursprung utan att exponera hanteringsuppgifter.

Arbetsflödessteg

Skapa ett ChattyBox-projekt, indexera ditt innehåll och testa representativa frågor.

Arbetsflödessteg

Skapa en offentlig widget-API-nyckel och begränsa den till applikationens ursprung.

Arbetsflödessteg

Installera @openstaticfish/chattybox och initiera klienten med API-URL från instrumentpanelen.

Arbetsflö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.

Börja bygga med SDK

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.

Skrivet klient-API

Använd en fokuserad TypeScript-vänlig klient för meddelanden, uppföljningskonversationer, widgetkonfiguration och lokaliserade etiketter.

Källhänvisningar

Ta emot källadresser med varje jordat svar och bestäm exakt hur de visas i ditt gränssnitt.

Konversationskontinuitet

Behåll det returnerade konversations-ID:t i besökarstatus för att stödja kontextuella uppföljningsfrågor.

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.

Börja bygga med 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);

Utforska härnäst

Fler sätt att använda ChattyBox

Bläddra bland plattformsguider

Reager chatbot SDK

Hantera chattstatus och citerade svar i ett anpassat React-gränssnitt.

Öppna

AI-chattbot för Next.js

Använd SDK på ett säkert sätt över App Router-server- och klientgränser.

Öppna

JavaScript SDK-referens

Granska klientmetoder, svarsfält, konversationer och fel.

Öppna

Hosted widgetinstallation

Välj det underhållna användargränssnittet utan att byggas när du inte behöver anpassad rendering.

Öppna

Offentligt npm-paket

Granska publicerade versioner, paketmetadata och installationskommandot på npm.

Öppna

Källkodsarkiv på GitHub

Granska källkodsarkivet, versioner, ärenden och projekthistorik på GitHub.

Öppna

Vanliga frågor

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.

Ä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.

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.

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.