SDK JavaScript Terbuka

Buat chatbot kustom dengan SDK JavaScript kami

Gunakan @openstaticfish/chattybox untuk mengendalikan antarmuka, sementara ChattyBox menangani retrieval, sitasi sumber, percakapan, dan penskalaan. Kunci API yang aman untuk browser mengidentifikasi proyek Anda dan dapat dibatasi ke origin yang disetujui.

Merangkak halaman dokumen yang dipublikasikan

Jawaban yang dikutip dari sumber

Sematkan dengan satu skrip

Tidak diperlukan migrasi dokumen

Mulai membangun dengan SDK Baca referensi SDK

Tidak perlu kartu kreditKonten Anda tetap milik Anda

Tanya ChattyBox

Di mana saya harus mulai jika membutuhkan jawaban tepercaya dari situs ini?

Mulailah dengan menambahkan URL situs web Anda ke ChattyBox. ChattyBox merayapi konten Anda, menjawab dari halaman yang ditemukan, dan menunjukkan sumber di balik setiap respons kepada pengunjung.

iSumber3^

SDK JavaScript panduan

chattybox.ai

Analitik

chattybox.ai

Beranda

chattybox.ai

Ajukan pertanyaan...

Didukung oleh ChattyBox

Dibuat untuk Tim JavaScript dan TypeScript

Luncurkan chatbot yang dikutip sumber tanpa membangun kembali tumpukan dokumen Anda

ChattyBox merayapi dokumentasi Anda yang ada, mengindeks konten untuk diambil, dan menyematkan chatbot yang menjawab menggunakan dokumen Anda, bukan memori model umum.

Instal paket ESM bertipe dari npm dengan Bun atau package manager pilihan Anda.

Buat sendiri rendering pesan, state percakapan, sitasi, dan desain interaksi.

Gunakan infrastruktur retrieval terkelola dan jawaban berbasis sumber yang sama dengan widget yang dihosting.

Batasi kunci browser publik ke origin yang disetujui tanpa mengekspos kredensial pengelolaan.

Langkah alur kerja

Buat proyek ChattyBox, indeks konten Anda, dan uji pertanyaan yang representatif.

Langkah alur kerja

Buat kunci API widget publik dan batasi ke origin aplikasi Anda.

Langkah alur kerja

Instal @openstaticfish/chattybox dan inisialisasi klien dengan URL API dari dasbor.

Langkah alur kerja

Tampilkan jawaban dan URL sumber yang disitasi dalam antarmuka yang dibutuhkan produk Anda.

Peluncuran tiga langkah

Tempelkan URL SDK JavaScript Anda, uji jawaban yang dikutip, lalu pasang widget.

Mulai membangun dengan SDK

Infrastruktur chat headless

Kendalikan pengalaman produk, bukan pipeline retrieval

SDK adalah jalur yang direkomendasikan untuk integrasi yang dipimpin developer dan memerlukan UI kustom, state aplikasi, atau alur kerja khusus produk.

Jalur keputusan

Gunakan pos pemeriksaan ini untuk memutuskan apakah ChattyBox harus ditempatkan di samping platform dokumen Anda, menggantikan asisten terpisah, atau tetap terisolasi untuk pengujian.

API klien bertipe

Gunakan klien yang ringkas dan ramah TypeScript untuk pesan, percakapan lanjutan, konfigurasi widget, dan label yang dilokalkan.

Sitasi sumber

Terima URL sumber bersama setiap jawaban berbasis sumber dan tentukan sendiri cara menampilkannya di antarmuka.

Kelanjutan percakapan

Simpan ID percakapan yang dikembalikan dalam state pengunjung untuk mendukung pertanyaan lanjutan sesuai konteks.

Batas tanggung jawab yang jelas

Aplikasi Anda mengendalikan rendering dan desain interaksi; ChattyBox mengoperasikan crawling, retrieval, generation, dan penskalaan.

Jalur pemasangan

Instal SDK chatbot JavaScript

Paket ini berfungsi di aplikasi browser dan Node.js modern yang menyediakan fetch. Gunakan URL widget API dan kunci browser publik yang persis seperti pada tab Embed proyek Anda.

1Instal @openstaticfish/chattybox dari npm.
2Inisialisasi satu klien Chattybox dengan kunci API publik dan URL widget API Anda.
3Kirim pesan dan tampilkan jawaban, ID percakapan, serta URL sumber yang dikembalikan.

Mulai membangun dengan 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);

Jelajahi berikutnya

Lebih banyak cara menggunakan ChattyBox

Telusuri panduan platform

SDK chatbot React

Kelola state chat dan jawaban bersitasi dalam antarmuka React kustom.

Buka

Chatbot AI Next.js

Gunakan SDK dengan aman melintasi batas server dan klien App Router.

Buka

Referensi SDK JavaScript

Pelajari metode klien, field respons, percakapan, dan error.

Buka

Instalasi widget yang dihosting

Pilih UI tanpa proses build yang dikelola saat Anda tidak memerlukan rendering kustom.

Buka

Paket publik di npm

Tinjau versi yang telah dipublikasikan, metadata paket, dan perintah instalasi di npm.

Buka

Repositori kode sumber di GitHub

Tinjau repositori kode sumber, rilis, issue, dan riwayat proyek di GitHub.

Buka

Tanya Jawab

Pertanyaan umum

Apa itu SDK chatbot JavaScript headless?

SDK ini adalah pustaka klien yang menyediakan transport chat dan data respons tanpa menentukan antarmukanya. Aplikasi Anda menampilkan pesan, sumber, state pemuatan, dan kontrol.

Apakah SDK JavaScript ChattyBox tersedia publik di npm?

Ya. Instal @openstaticfish/chattybox dari npm dan gunakan API publik yang didokumentasikan pada halaman referensi SDK.

Apakah SDK menyertakan retrieval dan sitasi sumber?

SDK memanggil infrastruktur terkelola ChattyBox, yang mengambil informasi dari konten terindeks dan mengembalikan pesan yang dibuat beserta URL sumber yang disitasi.

Sebaiknya saya menggunakan SDK atau widget.js?

Gunakan SDK jika tim Anda mengendalikan antarmuka atau alur kerja kustom. Gunakan widget.js jika Anda ingin ChattyBox mengelola UI chat siap pakai tanpa proses build.

Mulai gratis

Tidak perlu kartu kredit. Konten Anda tidak digunakan untuk pelatihan model.

Buat chatbot gratis

Paket gratis. Tanpa kartu.