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 publicadosRespostas citadas pela fonteIncorpora com um scriptNão é necessária migração de documentosNã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 a URL pública do site ao ChattyBox. Ele recupera conteúdo indexado para orientar respostas e pode mostrar links de páginas de origem para os visitantes conferirem. Teste respostas e fallbacks antes do lançamento.
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
Lance um chatbot com citações de fontes sem reconstruir sua stack do site
O ChattyBox rastreia seu site, documentação, central de ajuda, CMS ou base de conhecimento existentes e, em seguida, incorpora um chatbot que responde com base no seu próprio conteúdo publicado, 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.
Chaves públicas de navegador funcionam entre origens por padrão; restrições de origem exata são proteção adicional opcional, não autenticação.
1Etapa do fluxo de trabalho
Crie um projeto ChattyBox, indexe seu conteúdo e teste perguntas representativas.
2Etapa do fluxo de trabalho
Crie uma chave API pública do widget; opcionalmente, restrinja-a às origens da sua aplicação.
3Etapa do fluxo de trabalho
Instale @openstaticfish/chattybox e inicialize o cliente com a URL da API do painel.
4Etapa 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.
Caminho de decisão
Use esses pontos de verificação para decidir se ChattyBox deve ficar ao lado de sua plataforma de documentos, substituir um assistente separado ou permanecer isolado para testes.
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 de conversa retornado para agrupar mensagens em uma conversa. A solicitação de resposta atual não inclui mensagens anteriores como contexto do modelo.
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';
// 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);Explore a seguir
Mais formas de usar ChattyBox
01SDK do chatbot ReactGerencie o estado do chat e as respostas citadas em uma interface React personalizada.02Chatbot de IA Next.jsUse o SDK com segurança através dos limites do servidor e do cliente do App Router.03Referência do SDK JavaScriptRevise métodos de cliente, campos de resposta, conversas e erros.04Instalação de widget hospedadoEscolha a interface de usuário sem compilação mantida quando não precisar de renderização personalizada.05Pacote público no npmConsulte as versões publicadas, os metadados do pacote e o comando de instalação no npm.06Repositório de código-fonte no GitHubExplore o repositório de código-fonte, as versões, os problemas e o histórico do projeto no GitHub.
Perguntas frequentes
Perguntas comuns
1
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.
2
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.
3
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.
4
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.