Avoin JavaScript SDK

Rakenna mukautettu chatbot JavaScript SDK:llamme

@openstaticfish/chattybox antaa sinulle käyttöliittymän hallinnan, kun ChattyBox hoitaa tiedonhaun, lähdeviitteet, keskustelut ja skaalauksen. Selaimessa turvallinen API-avain tunnistaa projektisi, ja sen käyttö voidaan rajata hyväksyttyihin origineihin.

Indeksoi julkaistut asiakirjasivut

Lähdeviittauksia

Upota yhdellä skriptillä

Asiakirjojen siirtoa ei vaadita

Aloita rakentaminen SDK:lla Lue SDK-viite

Luottokorttia ei vaaditaSisältösi pysyy sinun

Kysy ChattyBoxilta

Mistä minun kannattaa aloittaa, jos tarvitsen luotettavan vastauksen tältä sivustolta?

Aloita lisäämällä verkkosivustosi URL ChattyBoxiin. Se haravoi sisältösi, vastaa löytämiensä sivujen perusteella ja näyttää kävijöille jokaisen vastauksen lähteet.

iLähteet3^

JavaScript-SDK-alusta opas

chattybox.ai

Analytiikka

chattybox.ai

Etusivu

chattybox.ai

Esitä kysymys...

Palvelun tarjoaa ChattyBox

Rakennettu mallille JavaScript- ja TypeScript-tiimit

Käynnistä lähteeseen viitattu chatbot rakentamatta uudelleen dokumenttipinoasi

ChattyBox indeksoi olemassa olevan dokumentaatiosi, indeksoi sisällön haettavaksi ja upottaa chatbotin, joka vastaa käyttämällä asiakirjojasi yleisen mallimuistin sijaan.

Asenna tyypitetty ESM-paketti npm:stä Bunilla tai haluamallasi paketinhallinnalla.

Rakenna itse viestien esitys, keskustelun tila, lähdeviitteet ja vuorovaikutus.

Käytä samaa hallittua tiedonhaku- ja lähteisiin perustuvaa vastausinfrastruktuuria kuin hostattu widget.

Rajaa julkiset selainavaimet hyväksyttyihin origineihin paljastamatta hallintatunnuksia.

Työnkulun vaihe

Luo ChattyBox-projekti, indeksoi sisältösi ja testaa edustavia kysymyksiä.

Työnkulun vaihe

Luo julkinen widgetin API-avain ja rajaa se sovelluksesi origineihin.

Työnkulun vaihe

Asenna @openstaticfish/chattybox ja alusta asiakas koontinäytön API-URL-osoitteella.

Työnkulun vaihe

Esitä vastaukset ja lähteinä käytetyt URL-osoitteet tuotteesi tarvitsemassa käyttöliittymässä.

Kolmivaiheinen käynnistys

Liitä JavaScript-SDK-alusta URL-osoite, testaa lainatut vastaukset ja asenna sitten widget.

Aloita rakentaminen SDK:lla

Headless-chat-infrastruktuuri

Hallitse tuotekokemusta, älä tiedonhakuputkea

SDK on suositeltu ratkaisu kehittäjävetoisiin integraatioihin, jotka tarvitsevat mukautetun käyttöliittymän, sovellustilan tai tuotekohtaisia työnkulkuja.

Päätöksen polku

Käytä näitä tarkistuspisteitä päättääksesi, pitäisikö ChattyBox istua dokumenttialustan viereen, vaihtaa erillinen avustaja vai pysyä erillään testausta varten.

Tyypitetty asiakas-API

Käytä selkeää TypeScript-ystävällistä asiakasta viesteihin, jatkokeskusteluihin, widgetin määrityksiin ja lokalisoituihin teksteihin.

Lähdeviitteet

Saat lähde-URL-osoitteet jokaisen lähteisiin perustuvan vastauksen mukana ja päätät itse, miten ne näkyvät käyttöliittymässä.

Keskustelun jatkuvuus

Säilytä palautettu keskustelutunnus kävijän tilassa, jotta kontekstuaaliset jatkokysymykset toimivat.

Selkeät vastuurajat

Sovelluksesi hallitsee esitystä ja vuorovaikutusta; ChattyBox hoitaa haravoinnin, tiedonhaun, vastausten luonnin ja skaalauksen.

Asennuspolku

Asenna JavaScript-chatbot-SDK

Paketti toimii nykyisissä selain- ja Node.js-sovelluksissa, joissa fetch on käytettävissä. Käytä projektisi Upota-välilehdellä näkyvää tarkkaa widgetin API-URL-osoitetta ja julkista selainavainta.

1Asenna @openstaticfish/chattybox npm:stä.
2Alusta yksi Chattybox-asiakas julkisella API-avaimellasi ja widgetin API-URL-osoitteella.
3Lähetä viesti ja esitä palautettu vastaus, keskustelutunnus ja lähde-URL-osoitteet.

Aloita rakentaminen SDK:lla

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

Tutustu seuraavaksi

Lisää tapoja käyttää ChattyBoxia

Selaa alustaoppaita

React-chatbot-SDK

Hallitse chatin tilaa ja lähdeviitteellisiä vastauksia mukautetussa React-käyttöliittymässä.

Avaa

Next.js-AI-chatbot

Käytä SDK:ta turvallisesti App Routerin palvelin- ja asiakasrajojen yli.

Avaa

JavaScript SDK -viite

Tutustu asiakkaan metodeihin, vastauskenttiin, keskusteluihin ja virheisiin.

Avaa

Hostatun widgetin asennus

Valitse ylläpidetty, käännösvaihetta tarvitsematon käyttöliittymä, kun et tarvitse mukautettua esitystä.

Avaa

Julkinen npm-paketti

Tutustu julkaistuihin versioihin, paketin metatietoihin ja asennuskomentoon npm:ssä.

Avaa

GitHub-lähdekoodivarasto

Tutustu lähdekoodivarastoon, julkaisuihin, ongelmiin ja projektin historiaan GitHubissa.

Avaa

UKK

Yleisiä kysymyksiä

Mikä on headless-JavaScript-chatbot-SDK?

Se on asiakaskirjasto, joka tarjoaa chat-yhteyden ja vastausdatan määräämättä käyttöliittymää. Sovelluksesi esittää viestit, lähteet, lataustilat ja ohjaimet.

Onko ChattyBoxin JavaScript SDK julkisesti saatavilla npm:ssä?

Kyllä. Asenna @openstaticfish/chattybox npm:stä ja käytä SDK-viitesivulla dokumentoitua julkista API:a.

Sisältääkö SDK tiedonhaun ja lähdeviitteet?

SDK kutsuu ChattyBoxin hallittua infrastruktuuria, joka hakee indeksoidusta sisällöstäsi ja palauttaa luodun viestin sekä lähteinä käytetyt URL-osoitteet.

Kannattaako käyttää SDK:ta vai widget.js:ää?

Käytä SDK:ta, kun tiimisi rakentaa mukautetun käyttöliittymän tai työnkulun. Käytä widget.js:ää, kun haluat ChattyBoxin ylläpitämän valmiin chat-käyttöliittymän ilman käännösvaihetta.

Aloita ilmaiseksi

Luottokorttia ei vaadita. Sisältöäsi ei käytetä mallien kouluttamiseen.

Luo ilmainen chatbot

Ilmainen taso. Ei korttia.