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
Guías de integración
Instala Chat SDK para React Native y envía un mensaje de prueba.
Ejemplos y código fuente
Explora la experiencia de mensajería y los recursos oficiales para desarrolladores.
Comparte el momento
Conecta el selector de fotos nativo con conversaciones que mantienen unidas a las personas.
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.
Una capa de mensajería, dos plataformas
Registre los plugins de carga y red antes de conectar a sus usuarios.
Leer la documentaciónimport 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 });Mantén la conversación en marcha
Envía un mensaje de texto directo después de iniciar sesión y recibir SDK_READY.
Leer la documentaciónconst message = chat.createTextMessage({
to: recipientID,
conversationType: TencentCloudChat.TYPES.CONV_C2C,
payload: { text: 'See you there!' },
});
await chat.sendMessage(message);Haz que los mensajes nuevos aparezcan automáticamente
Actualiza el estado de la aplicación cuando lleguen mensajes.
Leer la documentaciónchat.on(TencentCloudChat.EVENT.MESSAGE_RECEIVED, onMessages);
// Dispose your listener when the subscription ends.
chat.off(TencentCloudChat.EVENT.MESSAGE_RECEIVED, onMessages);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ónDa a las conversaciones un espacio para crecer
Conecta a personas y grupos mediante un chat integrado en tu aplicación.
Leer la documentaciónCOMENZAR
Tu primera conversación empieza aquí
- 01
- 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 - 03
Conecta a tus usuarios
Inicia sesión con dos usuarios de prueba y envía tu primer mensaje.
Conecta a tus usuarios
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 });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
Preguntas sobre la integración
Obtén ayuda para configurar Chat SDK para React Native.
Ver la documentación para desarrolladoresHabla sobre tu aplicación
Conversa sobre tu producto, el uso previsto y tus necesidades de integración.
Contactar con VentasCrea tu próxima experiencia de conversación
Crea app con Chat SDK para React Native.

