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

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.

Conectar

Uma camada de mensagens, duas plataformas

Registre os plugins de upload e de rede antes de conectar os seus usuários.

Leia a documentação
chat.ts
import 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 });

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ção

COMECE AGORA

Sua primeira conversa começa aqui

  1. 01

    Crie seu app

    Configure um aplicativo Chat e seus usuários de teste.

    Abrir o console do Chat
  2. 02

    Adicione Chat SDK para React Native

    Siga o guia da plataforma para conectar seu projeto.

    Siga o Guia de Integração
  3. 03

    Conecte seus usuários

    Entre com dois usuários de teste e envie sua primeira mensagem.

    Conecte seus usuários
Chat SDK para React Native
Terminal
npm install @tencentcloud/chat tim-upload-plugin @react-native-community/netinfo
chat.ts
import 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

Crie sua próxima experiência de conversa

Crie app com Chat SDK para React Native.