01
API do cliente digitado
Use um cliente focado e compatível com TypeScript para mensagens, conversas de acompanhamento, configuração de widgets e rótulos localizados.
Abra o SDK JavaScript
Crie um chatbot personalizado com nosso SDK JavaScript
Use @openstaticfish/chattybox para possuir a interface enquanto o ChattyBox executa recuperação, citações de fontes, conversas e escalonamento. A chave de API segura para navegador identifica seu projeto e pode ser restrita a origens aprovadas.
Rastreia páginas de documentos publicados
Respostas citadas pela fonte
Incorpora com um script
Não é necessária migração de documentos
Não é necessário cartão de créditoO seu conteúdo continua a ser seu
Pergunte ao ChattyBox
xPor onde devo começar se preciso de uma resposta confiável deste site?
Comece adicionando o URL do seu site ao ChattyBox. Ele rastreia seu conteúdo, responde a partir das páginas que encontra e mostra aos visitantes as fontes por trás de cada resposta.
iFontes3^
SDK JavaScript guia
chattybox.ai
Análises
chattybox.ai
Início
chattybox.ai
Faça uma pergunta...
Distribuído por ChattyBox
Construído para Equipes JavaScript e TypeScript
Inicie um chatbot citado pela fonte sem reconstruir sua pilha de documentos
ChattyBox rastreia sua documentação existente, indexa o conteúdo para recuperação e incorpora um chatbot que responde usando seus documentos em vez da memória genérica do modelo.
Instale um pacote ESM digitado do npm com Bun ou seu gerenciador de pacotes preferido.
Crie sua própria renderização de mensagem, estado de conversa, citações e design de interação.
Use a mesma infraestrutura de recuperação gerenciada e resposta baseada na origem que o widget hospedado.
Restrinja as chaves públicas do navegador a origens aprovadas sem expor credenciais de gerenciamento.
Etapa do fluxo de trabalho
Crie um projeto ChattyBox, indexe seu conteúdo e teste perguntas representativas.
Etapa do fluxo de trabalho
Crie uma chave de API de widget pública e restrinja-a às origens do seu aplicativo.
Etapa do fluxo de trabalho
Instale @openstaticfish/chattybox e inicialize o cliente com a URL da API do painel.
Etapa do fluxo de trabalho
Renderize respostas e URLs de origem citados na interface que seu produto precisa.
Lançamento em três etapas
Cole seu URL SDK JavaScript, teste as respostas citadas e instale o widget.
Infraestrutura de chat sem cabeça
Domine a experiência do produto, não o pipeline de recuperação
O SDK é o caminho recomendado para integrações lideradas por desenvolvedores que precisam de UI personalizada, estado de aplicativo ou fluxos de trabalho específicos de produto.
02
Citações de fontes
Receba URLs de origem com cada resposta fundamentada e decida exatamente como elas aparecem em sua interface.
03
Continuidade da conversa
Mantenha o ID da conversa retornado no estado de visitante para dar suporte a perguntas contextuais de acompanhamento.
04
Limites transparentes
Seu aplicativo possui design de renderização e interação; ChattyBox opera rastreamento, recuperação, geração e escalonamento.
Caminho de instalação
Instale o SDK do chatbot JavaScript
O pacote funciona no navegador atual e em aplicativos Node.js que fornecem busca. Use o URL exato da API do widget e a chave pública do navegador mostrados na guia Incorporar do seu projeto.
- 1Instale @openstaticfish/chattybox do npm.
- 2Inicialize um cliente Chattybox com sua chave de API pública e URL da API do widget.
- 3Envie uma mensagem e renderize a resposta retornada, o ID da conversa e os URLs de origem.
chat.ts
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);Explore a seguir
Mais formas de usar ChattyBox
01
SDK do chatbot React
Gerencie o estado do chat e as respostas citadas em uma interface React personalizada.
Abrir
02
Chatbot de IA Next.js
Use o SDK com segurança através dos limites do servidor e do cliente do App Router.
Abrir
03
Referência do SDK JavaScript
Revise métodos de cliente, campos de resposta, conversas e erros.
Abrir
04
Instalação de widget hospedado
Escolha a interface de usuário sem compilação mantida quando não precisar de renderização personalizada.
Abrir
05
Pacote público no npm
Consulte as versões publicadas, os metadados do pacote e o comando de instalação no npm.
Abrir
06
Repositório de código-fonte no GitHub
Explore o repositório de código-fonte, as versões, os problemas e o histórico do projeto no GitHub.
Abrir
Perguntas frequentes
Perguntas comuns
O que é um SDK de chatbot JavaScript sem cabeça?
É uma biblioteca cliente que fornece transporte de chat e dados de resposta sem prescrever a interface. Seu aplicativo renderiza mensagens, fontes, estados de carregamento e controles.
O SDK JavaScript do ChattyBox é público no npm?
Sim. Instale @openstaticfish/chattybox do npm e use a API pública documentada na página de referência do SDK.
O SDK inclui recuperação e citações de fontes?
O SDK chama a infraestrutura gerenciada do ChattyBox, que recupera o conteúdo indexado e retorna a mensagem gerada com URLs de origem citados.
Devo usar o SDK ou widget.js?
Use o SDK quando sua equipe possuir uma interface ou fluxo de trabalho personalizado. Use widget.js quando quiser que o ChattyBox mantenha uma interface de bate-papo pronta e sem construção.
Comece gratuitamente
Não é necessário cartão de crédito. O seu conteúdo não é usado para treinar modelos.
Crie chatbot grátis
Plano Free. Sem cartão.