Saltar al contenido

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.

Tu marca en cada conversaciónInterfaz ilustrativa de la aplicación

FUNCIONES 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.

Compón las pantallas de conversación

Crea la experiencia a partir de componentes conectados de conversación y mensajes y, después, elige el diseño y la navegación que los rodean. Los módulos disponibles varían según la plataforma y la versión del UI Kit.

Inicio rápido de React UI Kit

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
Lea la historia del cliente Caso publicado con varios productos; el artículo no indica qué framework de UI Kit se utilizó.

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.

Explora el producto Chat completo y sus funciones ↗

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.

Personaliza la vista previa
Iris MorganConversación ficticia

El diseño revisado del estudio está listo para su revisión.

Enviar ↑

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.

  1. 01

    Selecciona un framework

    Elige React, React Native, Flutter, iOS o Android y consulta la guía de integración actual.

  2. 02

    Instala y autentica

    Configura las dependencias documentadas y conecta la UI con las credenciales de Chat emitidas por el servidor.

  3. 03

    Personaliza y valida

    Adapta el tema y la navegación, añade mensajes personalizados y prueba el comportamiento en dispositivos reales.

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.

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.

Adecuación técnicaAlcance de la migraciónUso y precios

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 equipoContinúa al formulario de contacto oficial de Tencent RTC.
Empieza a desarrollar con Chat ↗