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
xOd czego zacząć, jeśli potrzebuję wiarygodnej odpowiedzi z tej strony?
Zacznij od dodania adresu URL swojej strony do ChattyBox. Narzędzie indeksuje Twoje treści, odpowiada na podstawie znalezionych stron i pokazuje odwiedzającym źródła każdej odpowiedzi.
iŹródła3^
SDK JavaScript przewodnik
chattybox.ai
Analityka
chattybox.ai
Strona główna
chattybox.ai
Zadaj pytanie...
Obsługiwane przez ChattyBox
Zbudowany dla Zespoły JavaScript i TypeScript
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.
Ogranicz publiczne klucze przeglądarkowe do zatwierdzonych źródeł bez ujawniania danych dostępowych do zarządzania.
1Krok przepływu pracy
Utwórz projekt ChattyBox, zindeksuj treści i przetestuj reprezentatywne pytania.
2Krok przepływu pracy
Utwórz publiczny klucz API widżetu i ogranicz go do źródeł swojej aplikacji.
3Krok przepływu pracy
Zainstaluj @openstaticfish/chattybox i zainicjuj klienta adresem URL API z panelu.
4Krok 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
Zachowaj zwrócony identyfikator konwersacji w stanie odwiedzającego, aby obsługiwać kontekstowe pytania uzupełniające.
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';
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);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. Twoje treści nie są używane do trenowania modeli.
Stwórz darmowego chatbota
Plan Free. Bez karty.