CHAT PARA DESARROLLADORES
UI kits de chat que encajan en tu producto.
Comience con listas de conversaciones conectadas, vistas de mensajes y editores de mensajes. Personalice la interfaz con componentes específicos de cada plataforma y puntos de personalización compatibles.
Mensajería dentro de tu aplicación, de acuerdo con tu marca y tus reglas de negocio.
ELIGE TU PLATAFORMA
Componentes conectados para tu framework.
Compare el modelo de componentes, los requisitos de instalación y las opciones de personalización de cada plataforma.
Chat UI Kit para React
Crea mensajería individual y grupal con React Chat SDK y UI Kit de Tencent RTC. Añade listas de conversaciones, mensajes y editores de mensajes conectados, y personalízalos para tu producto.
Componentes y configuraciónChat UI Kit para React Native
Añade conversaciones móviles con el React Native Chat UI Kit de Tencent RTC. Integra listas de conversaciones conectadas, mensajes y componentes de entrada en tu aplicación para iOS y Android.
Componentes y configuraciónChat UI Kit para Flutter
Crea pantallas de mensajería conectadas con el Flutter Chat UI Kit de Tencent RTC. Adapta los widgets de conversaciones y mensajes al diseño y la navegación de tu producto.
Componentes y configuraciónChat UI Kit para iOS
Añade pantallas de mensajería nativas con iOS Chat UI Kit de Tencent RTC. Empieza con conversaciones, mensajes y contactos, y después adapta la experiencia a tu aplicación.
Componentes y configuraciónChat UI Kit para Android
Añade pantallas de mensajería en Kotlin con el Android Chat UI Kit de Tencent RTC. Integra conversaciones, mensajes y contactos en tu aplicación con un estilo visual coherente.
Componentes y configuraciónFUNCIONES DEL PRODUCTO
Mensajería creada en torno a tu producto.
Descubre cómo se integran las listas de conversaciones, las vistas de mensajes y los redactores, y dónde encajan el estilo y los mensajes personalizados de tu producto.
Adapte el estilo visual
Use las API de temas y extensiones compatibles para integrar el chat en su sistema visual. Después de personalizarlo, valide el contraste, los mensajes largos, los estados de carga y el comportamiento del diseño.
Inicio rápido de React UI Kit ↗Añade funciones de mensajería a tu producto
Cree un renderizador personalizado para una reserva, un pedido o una actividad. Mantenga el estado real de la transacción y la autorización de las acciones en el backend responsable de ese flujo de trabajo.
Guía de mensajes personalizados para React ↗Conecta la navegación y el estado de mensajes no leídos
Conecta la bandeja de entrada con la navegación y las notificaciones de tu aplicación. Prueba las conversaciones seleccionadas, las rutas de regreso, los cambios de cuenta y los enlaces profundos de las notificaciones en todas las plataformas de destino compatibles.
API del componente React ConversationList ↗Integra contenido multimedia enriquecido en la conversación
Empiece con los componentes compatibles de mensajes de imagen, archivo y audio. Permita que los usuarios obtengan una vista previa antes de enviar y facilite la apertura de los archivos adjuntos; configure los límites de carga y los permisos nativos de su plataforma.
API de mensajería JavaScript ↗Mantén organizadas las conversaciones de grupo
Utiliza los componentes de grupos y miembros de tu plataforma para mostrar los detalles de la conversación y la pertenencia al grupo. Conecta acciones como unirse, invitar y salir con el modelo de grupo y las reglas de acceso que necesite tu producto.
Elige el tipo de grupo de Chat adecuado ↗La disponibilidad varía según el SDK, la edición y el plan de servicio. Consulta los planes de Chat y los límites de funciones ↗
POKEKARA · ENTRETENIMIENTO SOCIAL
Crea interacciones en torno a la experiencia en vivo.
El caso de Pokekara con Tencent RTC reúne karaoke, salas en directo y mensajería social. Describe una oferta de integración que incluye la Chat API y UI Kits prediseñados.
- Chat dentro de una experiencia de entretenimiento
- Componentes para usar junto con servicios de audio y video

POR QUÉ TENCENT RTC
Una interfaz lista para usar aún requiere una integración con el producto.
Un Chat UI Kit puede reducir el trabajo de desarrollo de componentes, pero tu aplicación debe seguir proporcionando identidades de usuario autenticadas, permisos de conversación, navegación y reglas de negocio. Empieza con la guía de la plataforma adecuada y revisa sus dependencias antes de definir el alcance de la integración.
Empiece con componentes conectados
Las listas de conversaciones, las vistas de mensajes y los editores de mensajes ya están conectados al estado de Chat. Esto puede reducir el trabajo de conexión de la interfaz que debe implementar tu equipo.
Haz que el producto se sienta realmente tuyo
Las API de temas y extensiones específicas de cada plataforma permiten ofrecer un chat adaptado a la marca y presentar mensajes propios de la aplicación sin requerir una sección de chat independiente.
Elige cuánto de la interfaz deseas adoptar
Seleccione los componentes compatibles con su plataforma o use el Core SDK en las áreas que requieran un control total de la UI. Revise el alcance de los componentes antes de estimar el trabajo de desarrollo.
PRUEBA LA EXPERIENCIA
Descubre cómo se siente la conversación.
Cambia el tema y añade un mensaje en esta vista previa de la interfaz local. Después, abre la demostración oficial de Chat para explorar la mensajería conectada con una cuenta de prueba.
Esta vista previa utiliza estado local y participantes ficticios. No se conecta a Tencent RTC ni envía mensajes a otras personas.
El diseño revisado del estudio está listo para su revisión.
Local UI preview · no message is sent to a service
DE LA EVALUACIÓN A LA INTEGRACIÓN
Conecta Chat con tu aplicación.
Empieza con la guía de inicio rápido de selected platform y después añade la autenticación y el comportamiento de los mensajes que requiera tu aplicación.
- 01
Selecciona un framework
Elige React, React Native, Flutter, iOS o Android y consulta la guía de integración actual.
- 02
Instala y autentica
Configura las dependencias documentadas y conecta la UI con las credenciales de Chat emitidas por el servidor.
- 03
Personaliza y valida
Adapta el tema y la navegación, añade mensajes personalizados y prueba el comportamiento en dispositivos reales.
Inicio rápido de React UI Kit
Sigue la guía de inicio rápido de React o selecciona arriba la guía específica para desarrollo nativo o Flutter.
Abrir guía oficial ↗Guía de mensajes personalizados para React
Usa el ejemplo de React para renderizar un mensaje y una acción específicos de la aplicación.
Abrir guía oficial ↗API ConversationList para React
Revisa el estado de conexión, la navegación y los puntos de sustitución documentados antes de personalizar.
Abrir guía oficial ↗Genera el UserSig en tu servidor
Conecta tu UI Kit con usuarios autenticados por tu propio backend.
Abrir guía oficial ↗ANTES DE DESARROLLAR
Preguntas frecuentes sobre Chat UI Kits
Respuestas para equipos de producto e ingeniería.
¿Un UI Kit de chat es solo una plantilla visual?
+
Los Tencent RTC UI Kits incluyen componentes integrados con las funciones de Chat. Aun así, requieren una aplicación, autenticación, configuración y las dependencias correspondientes del SDK y de la plataforma nativa.
¿Qué UI Kit de chat debo usar con React?
+
Use React UI Kit para interfaces web. React Native cuenta con un paquete independiente y requiere una configuración nativa para aplicaciones móviles; ambas vías de integración no son intercambiables.
¿Puedo usar solo una parte del UI Kit?
+
Los módulos y puntos de extensión disponibles varían según la plataforma. Consulta la documentación actual para seleccionar componentes o sustituir partes de la experiencia.
¿Puedo usar mi propia UI?
+
Sí. Elige Core Chat SDK para crear una pantalla totalmente personalizada y usa las API de servidor para las operaciones de backend.
¿La vista previa visual se conecta a Tencent RTC?
+
La vista previa de la página muestra el comportamiento local de la UI con participantes ficticios. Abre la demostración oficial de Chat para evaluar el producto conectado.
¿Cómo debemos elegir entre un UI Kit y el Core SDK?
+
Usa un UI Kit cuando sus componentes conectados y puntos de extensión encajen con el producto. Elige el Core SDK cuando necesites un control total sobre la representación de mensajes, la navegación y la interacción; compáralo con las pantallas reales que, de otro modo, tendrías que implementar.
¿Cómo personalizo un UI Kit de chat para mi aplicación?
+
Elige temas y puntos de extensión documentados para tu plataforma. Prueba mensajes personalizados, navegación y estado no leído con el Chat SDK inicializado.
¿Qué UI Kit de chat funciona con React Native o Flutter?
+
Estas plataformas tienen paquetes y configuración nativa independientes. Sigue su guía, sin reutilizar componentes React Web ni asumir API de extensión idénticas.
EXPLORA SOLUCIONES RELACIONADAS
Encuentre el siguiente paso de su integración.
SDK de Chat
Elige un Chat SDK para JavaScript, iOS, Android, React Native, Flutter, Unity o Unreal. Compara las opciones de integración, prueba las funciones de mensajería y empieza con la documentación oficial.
Explorar →Atención al cliente
Crea un chat de atención al cliente dentro de tu aplicación. Conserva el historial de mensajes, recibe archivos adjuntos, conecta los flujos de trabajo de los agentes y evalúa Tencent RTC Chat con una demostración en vivo.
Explorar →Comunidad en línea
Cree un chat para su comunidad con grupos, temas, menciones, notificaciones y controles de moderación. Añada mensajería a su comunidad con los SDK y UI Kits de Tencent RTC.
Explorar →Marketplace
Crea mensajería entre compradores y vendedores para tu marketplace. Conecta anuncios, contenido multimedia, actualizaciones de pedidos, denuncias y notificaciones con los SDK y las API de Tencent RTC Chat.
Explorar →PLANIFICA TU INTEGRACIÓN
Hablemos de
tu integración con Chat.
Habla con el equipo de Tencent RTC sobre tu plataforma, tu mercado objetivo, la previsión de usuarios activos mensuales y tu calendario de lanzamiento.
Cuéntanos tus necesidades.
Recibe ayuda para definir el alcance de la experiencia de mensajería y la integración que necesita tu equipo.
Contacta con nuestro equipo↗Continúa al formulario de contacto oficial de Tencent RTC.Empieza a desarrollar con Chat ↗
