01
Tyypitetty asiakas-API
Käytä selkeää TypeScript-ystävällistä asiakasta viesteihin, jatkokeskusteluihin, widgetin määrityksiin ja lokalisoituihin teksteihin.
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 asiakirjasivutLähdeviittauksiaUpota yhdellä skriptilläAsiakirjojen siirtoa ei vaaditaLuottokorttia ei vaaditaSisältösi pysyy sinun
Kysy ChattyBoxilta
xMistä minun kannattaa aloittaa, jos tarvitsen luotettavan vastauksen tältä sivustolta?
Aloita lisäämällä julkisen sivustosi URL ChattyBoxiin. Se hakee indeksoitua sisältöä vastausten tueksi ja voi näyttää lähdesivulinkkejä kävijöiden tarkistettavaksi. Testaa vastaukset ja varavastaukset ennen julkaisua.
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
Lanseeraa lähdeviitteillä varustettu chatbot rakentamatta sivustosi pinoa uudelleen
ChattyBox indeksoi nykyisen verkkosivustosi, dokumentaatiosi, ohjekeskuksesi, CMS:si tai tietämyskantasi ja upottaa sitten chatbotin, joka vastaa omasta julkaistusta sisällöstäsi eikä mallin yleisen muistin perusteella.
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.
Julkiset selainavaimet toimivat oletuksena kaikista alkuperistä; tarkat alkuperärajoitukset ovat valinnaista lisäsuojausta, eivät tunnistautumista.
1Työnkulun vaihe
Luo ChattyBox-projekti, indeksoi sisältösi ja testaa edustavia kysymyksiä.
2Työnkulun vaihe
Luo julkinen widget-API-avain; rajaa se halutessasi sovelluksesi alkuperiin.
3Työnkulun vaihe
Asenna @openstaticfish/chattybox ja alusta asiakas koontinäytön API-URL-osoitteella.
4Työ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.
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.
02
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ä.
03
Keskustelun jatkuvuus
Säilytä palautettu keskustelutunnus viestien ryhmittelyyn samaan keskusteluun. Nykyinen vastauspyyntö ei sisällä aiempia viestejä mallin kontekstina.
04
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.
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);Tutustu seuraavaksi
Lisää tapoja käyttää ChattyBoxia
01React-chatbot-SDKHallitse chatin tilaa ja lähdeviitteellisiä vastauksia mukautetussa React-käyttöliittymässä.02Next.js-AI-chatbotKäytä SDK:ta turvallisesti App Routerin palvelin- ja asiakasrajojen yli.03JavaScript SDK -viiteTutustu asiakkaan metodeihin, vastauskenttiin, keskusteluihin ja virheisiin.04Hostatun widgetin asennusValitse ylläpidetty, käännösvaihetta tarvitsematon käyttöliittymä, kun et tarvitse mukautettua esitystä.05Julkinen npm-pakettiTutustu julkaistuihin versioihin, paketin metatietoihin ja asennuskomentoon npm:ssä.06GitHub-lähdekoodivarastoTutustu lähdekoodivarastoon, julkaisuihin, ongelmiin ja projektin historiaan GitHubissa.
UKK
Yleisiä kysymyksiä
1
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.
2
Onko ChattyBoxin JavaScript SDK julkisesti saatavilla npm:ssä?
Kyllä. Asenna @openstaticfish/chattybox npm:stä ja käytä SDK-viitesivulla dokumentoitua julkista API:a.
3
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.
4
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.