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 dokumentacji

Odpowiedzi z cytowaniami źródeł

Osadzenie jednym skryptem

Bez migracji dokumentacji

Zacznij tworzyć za pomocą SDK Przeczytaj dokumentację SDK

Karta 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 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 cytowanego w źródle bez konieczności ponownego tworzenia stosu dokumentów

ChattyBox przeszukuje istniejącą dokumentację, indeksuje treść w celu pobrania i osadza chatbota, który odpowiada, korzystając z dokumentów 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.

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 i ogranicz go do źródeł 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.

Zacznij tworzyć za pomocą SDK

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.

Typowane API klienta

Korzystaj z klienta przyjaznego TypeScript do wiadomości, dalszych konwersacji, konfiguracji widżetu i zlokalizowanych etykiet.

Cytowania źródeł

Otrzymuj adresy URL źródeł z każdą odpowiedzią i samodzielnie decyduj, jak wyświetlać je w interfejsie.

Ciągłość konwersacji

Zachowaj zwrócony identyfikator konwersacji w stanie odwiedzającego, aby obsługiwać kontekstowe pytania uzupełniające.

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

Zacznij tworzyć za pomocą 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);

Zobacz dalej

Więcej sposobów użycia ChattyBox

Przeglądaj przewodniki po platformach

SDK chatbota dla React

Zarządzaj stanem czatu i cytowanymi odpowiedziami we własnym interfejsie React.

Otwórz

Chatbot AI dla Next.js

Bezpiecznie używaj SDK na granicach serwera i klienta App Router.

Otwórz

Dokumentacja SDK JavaScript

Poznaj metody klienta, pola odpowiedzi, konwersacje i błędy.

Otwórz

Instalacja hostowanego widżetu

Wybierz utrzymywany interfejs niewymagający kompilacji, jeśli nie potrzebujesz własnego renderowania.

Otwórz

Publiczny pakiet npm

Sprawdź opublikowane wersje, metadane pakietu i polecenie instalacji w npm.

Otwórz

Repozytorium kodu źródłowego GitHub

Przejrzyj repozytorium kodu źródłowego, wydania, zgłoszenia i historię projektu na GitHub.

Otwórz

Najczęstsze pytania

Często zadawane pytania

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.

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.

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

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.