CRIADO PARA REACT NATIVE
React Native
Chat SDK
Crie mensagens para dispositivos móveis com o React Native Chat SDK do Tencent RTC. Compartilhe a lógica de chat entre iOS e Android, mantendo suas próprias telas e interações nativas.
RECURSOS PARA DESENVOLVEDORES
Documentação e exemplos de Chat SDK para React Native
Guias de integração
Instale Chat SDK para React Native e envie uma mensagem de teste.
Exemplos e código-fonte
Explore a experiência de mensagens e os recursos oficiais para desenvolvedores.
Compartilhe o momento
Conecte o seletor de fotos nativo a conversas que mantêm as pessoas próximas.
Mantenha os projetos avançando
Leve arquivos compartilhados e discussões da equipe para as ferramentas móveis que as pessoas já usam.
RECURSOS DE CHAT PARA REACT NATIVE
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
- React Native APIs
- Ciclo de vida específico da plataforma
Explore React Native Chat APIs
Comece pelas APIs necessárias para conectar seu aplicativo.
Uma camada de mensagens, duas plataformas
Registre os plugins de upload e de rede antes de conectar os seus usuários.
Leia a documentaçãoimport TencentCloudChat from '@tencentcloud/chat';
import NetInfo from '@react-native-community/netinfo';
import TIMUploadPlugin from 'tim-upload-plugin';
const chat = TencentCloudChat.create({ SDKAppID });
chat.registerPlugin({ 'chat-network-monitor': NetInfo });
chat.registerPlugin({ 'tim-upload-plugin': TIMUploadPlugin });Mantenha a conversa em andamento
Envie uma mensagem de texto direta após fazer login e receber SDK_READY.
Leia a documentaçãoconst message = chat.createTextMessage({
to: recipientID,
conversationType: TencentCloudChat.TYPES.CONV_C2C,
payload: { text: 'See you there!' },
});
await chat.sendMessage(message);Traga automaticamente as novas mensagens para a área visível
Atualize o estado do aplicativo quando as mensagens chegarem.
Leia a documentaçãochat.on(TencentCloudChat.EVENT.MESSAGE_RECEIVED, onMessages);
// Dispose your listener when the 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.
Crie sua própria experiência
Conecte eventos de mensagens às telas e interações necessárias para o seu produto.
Leia a documentaçãoDê espaço para as conversas crescerem
Conecte pessoas e grupos por meio de um chat integrado ao seu aplicativo.
Leia a documentaçãoCOMECE AGORA
Sua primeira conversa começa aqui
- 01
- 02
Adicione Chat SDK para React Native
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/chat tim-upload-plugin @react-native-community/netinfoimport TencentCloudChat from '@tencentcloud/chat';
import NetInfo from '@react-native-community/netinfo';
import TIMUploadPlugin from 'tim-upload-plugin';
const chat = TencentCloudChat.create({ SDKAppID });
chat.registerPlugin({ 'chat-network-monitor': NetInfo });
chat.registerPlugin({ 'tim-upload-plugin': TIMUploadPlugin });Perguntas frequentes sobre React Native Chat SDK
O SDK cuida da configuração da plataforma nativa?
A camada de mensagens é compartilhada, mas os módulos nativos, as permissões de mídia, a configuração de push e os builds para dispositivos ainda exigem ajustes específicos de cada plataforma. Siga o guia do React Native SDK para usar a combinação de pacotes compatível.
O React Native 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 React Native 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 React Native 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 React Native 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 React Native com React Native?
Instale o pacote e as dependências nativas documentadas e volte a compilar a aplicação nativa. Verifique permissões, ciclo de vida e callbacks nativos, sem presumir um ambiente apenas JavaScript.
Como testo Chat SDK React Native 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 React Native?
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 React Native.
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 React Native.

