CRIADO PARA JAVASCRIPT
JavaScript
Chat SDK
Crie recursos de mensagens para a Web com o JavaScript Chat SDK da Tencent RTC. Conecte mensagens, mídia e grupos à sua própria interface no navegador.
RECURSOS PARA DESENVOLVEDORES
Documentação e exemplos de Chat SDK para JavaScript
Guias de integração
Instale Chat SDK para JavaScript e envie uma mensagem de teste.
Exemplos e código-fonte
Explore a experiência de mensagens e os recursos oficiais para desenvolvedores.
Conversas no seu espaço de trabalho
Mantenha os arquivos e as decisões do projeto reunidos em uma experiência de chat criada para o navegador.
Um espaço para sua comunidade
Reúna os membros em conversas em grupo integradas ao seu produto.
RECURSOS DE CHAT PARA JAVASCRIPT
A base de mensagens para seu produto
Conversas diretas
- Mensagens individuais
- Sua própria interface
Mensagens em grupo
- Conversas compartilhadas
- APIs de membros
Mensagens enriquecidas
- Texto e mídia
- Conteúdo personalizado do aplicativo
Estado da conversa
- Histórico e contagem de mensagens não lidas
- O armazenamento da sua aplicação
Identidade do usuário
- Seus próprios IDs de usuário
- Autenticação com UserSig
Integração da aplicação
- JavaScript APIs
- Ciclo de vida específico da plataforma
Explore JavaScript Chat APIs
Comece pelas APIs necessárias para conectar seu aplicativo.
Comece pelos seus usuários
Crie uma instância do Chat e conecte um usuário autenticado.
Leia a documentaçãoimport TencentCloudChat from '@tencentcloud/lite-chat';
const chat = TencentCloudChat.create({ SDKAppID });
await chat.login({ userID, userSig });Transforme a entrada numa conversa
Envie texto após SDK_READY e renderize o estado da mensagem na sua própria interface.
Leia a documentaçãoconst message = chat.createTextMessage({
to: recipientID,
conversationType: TencentCloudChat.TYPES.CONV_C2C,
payload: { text: 'See you there!' },
});
await chat.sendMessage(message);Mantenha sua interface sincronizada
Monitore as mensagens recebidas e remova o manipulador quando ele não for mais necessário.
Leia a documentaçãochat.on(TencentCloudChat.EVENT.MESSAGE_RECEIVED, onMessages);
// When your subscription ends:
chat.off(TencentCloudChat.EVENT.MESSAGE_RECEIVED, onMessages);PERSONALIZAÇÃO
Sua experiência. Do seu jeito.
Crie sua própria interface para conversas conectadas.
Seu produto, sua interface
Crie sua própria lista de conversas, seus balões de mensagem e seu campo de composição com base nos eventos do SDK.
Leia a documentaçãoTorne as mensagens úteis
Apresente os dados do seu aplicativo como convites ou cartões de produto com mensagens personalizadas.
Leia a documentaçãoCOMECE AGORA
Sua primeira conversa começa aqui
- 01
- 02
Adicione Chat SDK para JavaScript
Siga o guia da plataforma para conectar seu projeto.
Siga o Guia de Integração - 03
Conecte seus usuários
Entre com dois usuários de teste e envie sua primeira mensagem.
Conecte seus usuários
npm install @tencentcloud/lite-chatimport TencentCloudChat from '@tencentcloud/lite-chat';
const chat = TencentCloudChat.create({ SDKAppID });
await chat.login({ userID, userSig });Perguntas frequentes sobre JavaScript Chat SDK
Qual edição do JavaScript SDK devo usar?
O pacote V4 oferece as edições Basic, Standard e Professional. A importação padrão usa a edição Standard. Escolha a edição e os plugins de acordo com os recursos necessários; as integrações V3 têm um guia separado.
O JavaScript Chat SDK inclui uma UI pronta para uso?
O SDK fornece APIs e eventos de mensagens. Seu aplicativo cria as telas de chat. As ilustrações mostram possíveis experiências no aplicativo.
Como autentico os usuários do JavaScript Chat SDK?
Gere o UserSig de produção no backend. Envie-o ao cliente para autenticação e mantenha o segredo da aplicação no servidor.
Esses trechos de JavaScript formam uma aplicação completa?
Eles mostram etapas individuais da integração. Siga o guia completo para importações, inicialização, login, tratamento de erros e configuração específica de cada plataforma de destino. Teste as mensagens com contas separadas antes do lançamento.
Como é definido o preço de uso do JavaScript Chat SDK?
O uso do serviço Chat hospedado segue o plano selecionado. Consulte os recursos e limites incluídos para o seu aplicativo; plugins opcionais e serviços Call podem ter requisitos separados.
Como integro Chat SDK JavaScript com JavaScript?
Inicialize o pacote JavaScript documentado com usuários autenticados. Assine eventos de prontidão e mensagens e remova listeners ao encerrar a visualização correspondente.
Como testo Chat SDK JavaScript antes de lançar a minha aplicação?
Confira login, prontidão do SDK, eventos de envio e recebimento e estado das mensagens após reconectar.
Como personalizo a interface de Chat SDK JavaScript?
Crie lista de conversas, renderização de mensagens e editor com os eventos documentados do SDK.
Encontre suporte para a próxima etapa
Dúvidas sobre integração
Obtenha ajuda para configurar Chat SDK para JavaScript.
Ver a documentação para desenvolvedoresConverse sobre seu aplicativo
Converse sobre seu produto, uso esperado e necessidades de integração.
Entre em contato com a equipe de vendasCrie sua próxima experiência de conversa
Crie app com Chat SDK para JavaScript.

