Siirry pääsisältöön
ChattyBox Logo
ChattyBoxAloita ilmaiseksi
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
Aloita rakentaminen SDK:llaLue SDK-viite
Kysy ChattyBoxilta
Mistä 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

Havainnollistava keskustelu — ei live-chat.

Palvelun tarjoaa ChattyBox

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.
Työnkulun vaihe

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

Työnkulun vaihe

Luo julkinen widget-API-avain; rajaa se halutessasi sovelluksesi alkuperiin.

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.

01

Tyypitetty asiakas-API

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

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

Käytä jatkokysymyksissä samaa conversationId-arvoa, jotta malli saa kontekstiksi enintään 12 viimeisintä tallennettua viestiä, kukin katkaistuna 2 000 merkkiin. Tämä on rajattua kontekstia, ei koko keskustelun teksti; pidä tunnisteet erillään toisiinsa liittymättömien kävijöiden välillä.

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.

  1. 1Asenna @openstaticfish/chattybox npm:stä.
  2. 2Alusta yksi Chattybox-asiakas julkisella API-avaimellasi ja widgetin API-URL-osoitteella.
  3. 3Lähetä viesti ja esitä palautettu vastaus, keskustelutunnus ja lähde-URL-osoitteet.
Aloita rakentaminen SDK:lla
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

Selaa alustaoppaita
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

Luo ilmainen chatbot

Ilmainen taso. Ei korttia.