01
Typowane API klienta
Korzystaj z klienta przyjaznego TypeScript do wiadomości, dalszych konwersacji, konfiguracji widżetu i zlokalizowanych etykiet.
Otwarte SDK JavaScript
Zbuduj własnego chatbota za pomocą naszego SDK JavaScript
Użyj @openstaticfish/chattybox, aby zachować kontrolę nad interfejsem, podczas gdy ChattyBox obsługuje wyszukiwanie, cytowania źródeł, konwersacje i skalowanie. Bezpieczny dla przeglądarki klucz API identyfikuje projekt i może być ograniczony do zatwierdzonych źródeł.
Indeksuje opublikowane strony dokumentacjiOdpowiedzi z cytowaniami źródełOsadzenie jednym skryptemBez migracji dokumentacjiKarta kredytowa nie jest wymaganaTwoje treści pozostają Twoje
Zapytaj ChattyBox
Od czego zacząć, jeśli potrzebuję wiarygodnej odpowiedzi z tej strony?
Zacznij od dodania adresu publicznej witryny do ChattyBox. Wyszukuje zindeksowane treści, aby ukierunkować odpowiedzi, i może pokazywać odnośniki do stron źródłowych do sprawdzenia przez odwiedzających. Przetestuj odpowiedzi i zachowanie awaryjne przed uruchomieniem.
iŹródła3^
SDK JavaScript przewodnik
chattybox.ai
Analityka
chattybox.ai
Strona główna
chattybox.ai
Przykładowa rozmowa — to nie jest czat na żywo.
Obsługiwane przez ChattyBox
Uruchom chatbota z cytowaniami źródeł bez przebudowy stosu witryny
ChattyBox indeksuje istniejącą witrynę, dokumentację, centrum pomocy, CMS lub bazę wiedzy, a następnie osadza chatbota, który odpowiada na podstawie własnych opublikowanych treści zamiast ogólnej pamięci modelu.
Zainstaluj typowany pakiet ESM z npm za pomocą Bun lub preferowanego menedżera pakietów.
Zbuduj własne wyświetlanie wiadomości, stan konwersacji, cytowania i sposób interakcji.
Korzystaj z tej samej zarządzanej infrastruktury wyszukiwania i odpowiedzi opartych na źródłach co hostowany widżet.
Publiczne klucze przeglądarkowe domyślnie działają we wszystkich originach; ograniczenia do dokładnych originów to opcjonalne wzmocnienie ochrony, nie uwierzytelnianie.
Krok przepływu pracy
Utwórz projekt ChattyBox, zindeksuj treści i przetestuj reprezentatywne pytania.
Krok przepływu pracy
Utwórz publiczny klucz API widżetu; opcjonalnie ogranicz go do originów swojej aplikacji.
Krok przepływu pracy
Zainstaluj @openstaticfish/chattybox i zainicjuj klienta adresem URL API z panelu.
Krok przepływu pracy
Wyświetl odpowiedzi i adresy URL cytowanych źródeł w interfejsie dopasowanym do produktu.
Uruchomienie w trzech krokach
Wklej swój adres URL SDK JavaScript, przetestuj cytowane odpowiedzi, a następnie zainstaluj widżet.
Bezinterfejsowa infrastruktura czatu
Kontroluj doświadczenie produktu, nie potok wyszukiwania
SDK jest zalecaną ścieżką dla integracji tworzonych przez programistów, które wymagają własnego interfejsu, stanu aplikacji lub przepływów specyficznych dla produktu.
Ścieżka decyzji
Skorzystaj z tych punktów kontrolnych, aby zdecydować, czy ChattyBox powinien siedzieć obok Twojej platformy dokumentów, zastąpić osobnego asystenta, czy też pozostać odizolowany na czas testów.
02
Cytowania źródeł
Otrzymuj adresy URL źródeł z każdą odpowiedzią i samodzielnie decyduj, jak wyświetlać je w interfejsie.
03
Ciągłość konwersacji
Używaj tego samego conversationId w pytaniach uzupełniających, aby model otrzymał do 12 ostatnich zapisanych wiadomości, każdą przyciętą do 2 000 znaków. To ograniczony kontekst, nie pełny zapis; nie współdziel ID między niezwiązanymi odwiedzającymi.
04
Jasny podział odpowiedzialności
Twoja aplikacja odpowiada za renderowanie i interakcje; ChattyBox obsługuje indeksowanie, wyszukiwanie, generowanie i skalowanie.
Ścieżka instalacji
Zainstaluj SDK chatbota dla JavaScript
Pakiet działa we współczesnych aplikacjach przeglądarkowych i Node.js udostępniających fetch. Użyj dokładnego adresu URL API widżetu i publicznego klucza przeglądarkowego z karty Osadzanie projektu.
- 1Zainstaluj @openstaticfish/chattybox z npm.
- 2Zainicjuj jednego klienta Chattybox publicznym kluczem API i adresem URL API widżetu.
- 3Wyślij wiadomość i wyświetl zwróconą odpowiedź, identyfikator konwersacji oraz adresy URL źródeł.
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);Zobacz dalej
Więcej sposobów użycia ChattyBox
01SDK chatbota dla ReactZarządzaj stanem czatu i cytowanymi odpowiedziami we własnym interfejsie React.02Chatbot AI dla Next.jsBezpiecznie używaj SDK na granicach serwera i klienta App Router.03Dokumentacja SDK JavaScriptPoznaj metody klienta, pola odpowiedzi, konwersacje i błędy.04Instalacja hostowanego widżetuWybierz utrzymywany interfejs niewymagający kompilacji, jeśli nie potrzebujesz własnego renderowania.05Publiczny pakiet npmSprawdź opublikowane wersje, metadane pakietu i polecenie instalacji w npm.06Repozytorium kodu źródłowego GitHubPrzejrzyj repozytorium kodu źródłowego, wydania, zgłoszenia i historię projektu na GitHub.
Najczęstsze pytania
Często zadawane pytania
1
Czym jest bezinterfejsowe SDK chatbota dla JavaScript?
To biblioteka kliencka zapewniająca komunikację czatu i dane odpowiedzi bez narzucania interfejsu. Twoja aplikacja wyświetla wiadomości, źródła, stany ładowania i elementy sterujące.
2
Czy SDK ChattyBox dla JavaScript jest publicznie dostępne w npm?
Tak. Zainstaluj @openstaticfish/chattybox z npm i użyj publicznego API opisanego w dokumentacji SDK.
3
Czy SDK obejmuje wyszukiwanie i cytowania źródeł?
SDK wywołuje zarządzaną infrastrukturę ChattyBox, która wyszukuje w zindeksowanych treściach i zwraca wygenerowaną wiadomość z adresami URL cytowanych źródeł.
4
Wybrać SDK czy widget.js?
Użyj SDK, gdy zespół tworzy własny interfejs lub przepływ pracy. Wybierz widget.js, jeśli chcesz gotowego, utrzymywanego przez ChattyBox interfejsu czatu bez kompilacji.
Zacznij bezpłatnie
Karta kredytowa nie jest wymagana
Stwórz darmowego chatbota
Plan Free. Bez karty.