CREADO PARA REACT NATIVE

React Native
Chat SDK

Crea mensajería móvil con React Native Chat SDK de Tencent RTC. Comparte la lógica del chat entre iOS y Android mientras mantienes tus propias pantallas e interacciones nativas.

RECURSOS PARA DESARROLLADORES

Documentación y ejemplos de Chat SDK para React Native

Mantén los proyectos en marcha

Integra archivos compartidos y conversaciones de equipo en las herramientas móviles que las personas ya utilizan.

FUNCIONES DE CHAT PARA REACT NATIVE

La base de mensajería para tu producto

Conversaciones directas

  • Mensajes individuales
  • Tu propia interfaz

Mensajería de grupo

  • Conversaciones compartidas
  • APIs de membresía

Mensajes enriquecidos

  • Texto y contenido multimedia
  • Contenido personalizado de la aplicación

Estado de la conversación

  • Historial y recuento de mensajes no leídos
  • El almacén de tu aplicación

Identidad del usuario

  • Sus propios ID de usuario
  • Autenticación con UserSig

Integración de la aplicación

  • React Native APIs
  • Ciclo de vida específico de cada plataforma

Explora React Native Chat APIs

Empieza con las API necesarias para conectar tu aplicación.

Conectar

Una capa de mensajería, dos plataformas

Registre los plugins de carga y red antes de conectar a sus usuarios.

Leer la documentación
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 });

PERSONALIZACIÓN

Tu experiencia. A tu manera.

Crea tu propia interfaz para las conversaciones conectadas.

Cree su propia experiencia

Conecte los eventos de mensajería con las pantallas e interacciones que necesita su producto.

Leer la documentación

COMENZAR

Tu primera conversación empieza aquí

  1. 01

    Crea tu app

    Configura una aplicación de Chat y tus usuarios de prueba.

    Abrir la consola de Chat
  2. 02

    Añade Chat SDK para React Native

    Sigue la guía de la plataforma para conectar tu proyecto.

    Sigue la Guía de integración
  3. 03

    Conecta a tus usuarios

    Inicia sesión con dos usuarios de prueba y envía tu primer mensaje.

    Conecta a tus usuarios
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 });

Preguntas frecuentes sobre React Native Chat SDK

¿El SDK gestiona la configuración de la plataforma nativa?

La capa de mensajería es compartida, pero los módulos nativos, los permisos multimedia, la configuración de push y las compilaciones para dispositivos aún requieren ajustes específicos de cada plataforma. Sigue la guía del React Native SDK para usar la combinación de paquetes compatible.

¿El React Native Chat SDK incluye una UI lista para usar?

El SDK proporciona APIs y eventos de mensajería. Tu aplicación crea las pantallas de chat. Las ilustraciones muestran posibles experiencias dentro de la aplicación.

¿Cómo autentico a los usuarios de React Native Chat SDK?

Genera el UserSig de producción en tu backend. Envíalo al cliente para la autenticación y conserva el secreto de la aplicación en el servidor.

¿Estos fragmentos de React Native forman una aplicación completa?

Muestran pasos individuales de la integración. Sigue la guía completa para las importaciones, la inicialización, el inicio de sesión, la gestión de errores y la configuración específica de la plataforma de destino. Prueba la mensajería con cuentas separadas antes del lanzamiento.

¿Cómo se calcula el precio de uso de React Native Chat SDK?

El uso del servicio Chat alojado depende del plan seleccionado. Consulta las funciones y cuotas incluidas para tu aplicación; los plugins opcionales y los servicios Call pueden tener requisitos distintos.

¿Cómo integro Chat SDK React Native con React Native?

Instala el paquete y las dependencias nativas documentadas y recompila tu aplicación nativa. Verifica los permisos, el ciclo de vida y los callbacks nativos sin asumir un entorno solo JavaScript.

¿Cómo pruebo Chat SDK React Native antes de publicar mi aplicación?

Comprueba inicio de sesión, disponibilidad del SDK, eventos de envío y recepción y estado de mensajes tras reconectar.

¿Cómo personalizo la interfaz de Chat SDK React Native?

Crea tu lista de conversaciones, renderizado de mensajes y editor con los eventos documentados del SDK.

Encuentra ayuda para el siguiente paso

Habla sobre tu aplicación

Conversa sobre tu producto, el uso previsto y tus necesidades de integración.

Contactar con Ventas

Crea tu próxima experiencia de conversación

Crea app con Chat SDK para React Native.