CHAT PARA DESENVOLVEDORES
UI kits de chat que se encaixam no seu produto.
Comece com listas de conversas conectadas, visualizações de mensagens e editores de mensagens. Personalize a interface com componentes específicos da plataforma e pontos de personalização compatíveis.
Mensagens dentro do seu aplicativo, de acordo com sua marca e suas regras de negócio.
ESCOLHA SUA PLATAFORMA
Componentes conectados para seu framework.
Compare o modelo de componentes, os requisitos de instalação e as opções de personalização de cada plataforma.
Chat UI Kit para React
Crie mensagens individuais e em grupo com o React Chat SDK e o UI Kit do Tencent RTC. Adicione listas de conversas, mensagens e campos de composição conectados e personalize-os para o seu produto.
Componentes e configuraçãoChat UI Kit para React Native
Adicione conversas em dispositivos móveis com o React Native Chat UI Kit da Tencent RTC. Integre listas de conversas conectadas, mensagens e componentes de entrada ao seu aplicativo para iOS e Android.
Componentes e configuraçãoChat UI Kit para Flutter
Crie telas de mensagens integradas com o Flutter Chat UI Kit da Tencent RTC. Adapte os widgets de conversas e mensagens ao layout e à navegação do seu produto.
Componentes e configuraçãoChat UI Kit para iOS
Adicione telas de mensagens nativas com o iOS Chat UI Kit do Tencent RTC. Comece com conversas, mensagens e contatos, e depois adapte a experiência ao seu aplicativo.
Componentes e configuraçãoChat UI Kit para Android
Adicione telas de mensagens em Kotlin com o Android Chat UI Kit da Tencent RTC. Integre conversas, mensagens e contatos ao seu aplicativo com um estilo visual consistente.
Componentes e configuraçãoRECURSOS DO PRODUTO
Mensagens criadas em torno do seu produto.
Veja como listas de conversas, visualizações de mensagens e editores funcionam em conjunto e onde aplicar o estilo e as mensagens personalizadas do seu produto.
Adapte o estilo visual
Use as APIs de temas e extensões compatíveis para integrar o chat ao seu sistema visual. Após a personalização, valide o contraste, as mensagens longas, os estados de carregamento e o comportamento do layout.
Início rápido do React UI Kit ↗Adicione recursos de mensagens ao seu produto
Crie um renderizador personalizado para uma reserva, um pedido ou uma atividade. Mantenha o estado real da transação e a autorização das ações no backend responsável por esse fluxo de trabalho.
Guia de mensagens personalizadas para React ↗Conecte a navegação e o estado de mensagens não lidas
Conecte a caixa de entrada à navegação e às notificações do seu aplicativo. Teste as conversas selecionadas, os caminhos de retorno, as mudanças de conta e os links diretos das notificações em todas as plataformas de destino compatíveis.
API do componente React ConversationList ↗Integre conteúdo multimídia enriquecido à conversa
Comece com os componentes compatíveis de mensagens de imagem, arquivo e áudio. Permita que os usuários visualizem o conteúdo antes do envio e facilite a abertura dos anexos; configure os limites de upload e as permissões nativas da sua plataforma.
API de mensagens JavaScript ↗Mantenha as conversas em grupo organizadas
Use os componentes de grupos e membros da sua plataforma para apresentar detalhes da conversa e informações sobre a participação no grupo. Conecte ações como entrar, convidar e sair ao modelo de grupo e às regras de acesso exigidas pelo seu produto.
Escolha o tipo certo de grupo do Chat ↗A disponibilidade varia conforme o SDK, a edição e o plano de serviço. Consulte os planos do Chat e os limites de recursos ↗
POKEKARA · ENTRETENIMENTO SOCIAL
Crie interações em torno da experiência ao vivo.
O caso da Pokekara com o Tencent RTC reúne karaokê, salas ao vivo e mensagens sociais. Ele apresenta uma oferta de integração que inclui a Chat API e UI Kits prontos.
- Chat integrado a uma experiência de entretenimento
- Componentes para uso conjunto com serviços de áudio e vídeo

POR QUE A TENCENT RTC
Uma interface pronta ainda precisa ser integrada ao produto.
Um Chat UI Kit pode reduzir o trabalho de desenvolvimento de componentes, mas seu aplicativo ainda precisa fornecer identidades de usuário autenticadas, permissões de conversa, navegação e regras de negócio. Comece pelo guia da plataforma correta e verifique as dependências antes de definir o escopo da integração.
Comece com componentes conectados
Listas de conversas, visualizações de mensagens e campos de composição já estão conectados ao estado do Chat. Isso pode reduzir o trabalho de integração da interface que sua equipe precisa implementar.
Faça o produto parecer realmente seu
APIs de temas e extensões específicas para cada plataforma permitem criar chats com a identidade da marca e apresentar mensagens próprias do aplicativo sem exigir uma área de chat separada.
Escolha quanto da interface pretende adotar
Selecione os componentes compatíveis com sua plataforma ou use o Core SDK nas áreas que exigem controle total da UI. Analise o escopo dos componentes antes de estimar o trabalho de desenvolvimento.
EXPERIMENTE
Veja como é a experiência da conversa.
Altere o tema e adicione uma mensagem nesta pré-visualização da interface local. Depois, abra a demonstração oficial do Chat para explorar as mensagens conectadas usando uma conta de teste.
Esta prévia usa estado local e participantes fictícios. Ela não se conecta ao Tencent RTC nem envia mensagens para outras pessoas.
O layout revisado do estúdio está pronto para análise.
Local UI preview · no message is sent to a service
DA AVALIAÇÃO À INTEGRAÇÃO
Conecte o Chat ao seu aplicativo.
Comece pelo guia de início rápido do selected platform e, em seguida, adicione a autenticação e o comportamento de mensagens necessários para a sua aplicação.
- 01
Selecione um framework
Escolha React, React Native, Flutter, iOS ou Android e consulte o guia de integração atual.
- 02
Instale e autentique
Configure as dependências documentadas e conecte a UI às credenciais do Chat emitidas pelo servidor.
- 03
Personalize e valide
Adapte o tema e a navegação, adicione mensagens personalizadas e teste o comportamento em dispositivos reais.
Início rápido do React UI Kit
Siga o início rápido do React ou selecione acima o guia específico para desenvolvimento nativo ou Flutter.
Abrir guia oficial ↗Guia de mensagens personalizadas para React
Use o exemplo em React para renderizar uma mensagem e uma ação específicas da aplicação.
Abrir guia oficial ↗API ConversationList para React
Revise o estado da conexão, a navegação e os pontos de substituição documentados antes de personalizar.
Abrir guia oficial ↗Gere o UserSig no seu servidor
Conecte seu UI Kit a usuários autenticados pelo seu próprio backend.
Abrir guia oficial ↗ANTES DE DESENVOLVER
Perguntas frequentes sobre Chat UI Kits
Respostas para equipes de produto e engenharia.
Um UI Kit de chat é apenas um modelo visual?
+
Os Tencent RTC UI Kits incluem componentes integrados às funcionalidades do Chat. Eles ainda exigem uma aplicação, autenticação, configuração e as dependências relevantes do SDK e da plataforma nativa.
Qual UI Kit de chat devo usar com React?
+
Use o React UI Kit para interfaces web. O React Native tem um pacote separado e requer uma configuração nativa para aplicações móveis; os dois métodos de integração não são intercambiáveis.
Posso usar apenas parte do UI Kit?
+
Os módulos e pontos de extensão disponíveis variam conforme a plataforma. Consulte a documentação atual para selecionar componentes ou substituir partes da experiência.
Posso usar minha própria UI?
+
Sim. Escolha o Core Chat SDK para criar uma tela totalmente personalizada e use as APIs de servidor nas operações de backend.
A pré-visualização se conecta ao Tencent RTC?
+
A prévia na página demonstra o comportamento local da UI com participantes fictícios. Abra a demonstração oficial do Chat para avaliar o produto conectado.
Como escolher entre um UI Kit e o Core SDK?
+
Use um UI Kit quando os componentes conectados e os pontos de extensão forem adequados ao produto. Escolha o Core SDK quando precisar de controle total sobre a renderização de mensagens, a navegação e as interações; compare com as telas reais que teria de implementar por conta própria.
Como personalizar um UI Kit de chat para meu aplicativo?
+
Escolha temas e pontos de extensão documentados para a plataforma. Teste mensagens personalizadas, navegação e estado não lido com o Chat SDK inicializado.
Qual UI Kit de chat funciona com React Native ou Flutter?
+
Essas plataformas têm pacotes e configuração nativa separados. Siga o guia correspondente, sem reutilizar componentes React Web nem assumir APIs de extensão idênticas.
EXPLORE SOLUÇÕES RELACIONADAS
Encontre o próximo passo da sua integração.
SDKs do Chat
Escolha um Chat SDK para JavaScript, iOS, Android, React Native, Flutter, Unity ou Unreal. Compare as opções de integração, experimente os recursos de mensagens e comece pela documentação oficial.
Explorar →Suporte ao cliente
Crie um chat de atendimento ao cliente no seu aplicativo. Mantenha o histórico de mensagens, receba anexos, conecte os fluxos de trabalho dos agentes e avalie o Tencent RTC Chat com uma demonstração ao vivo.
Explorar →Comunidade on-line
Crie um chat para a comunidade com grupos, tópicos, menções, notificações e controles de moderação. Adicione mensagens à sua comunidade com os SDKs e UI Kits do Tencent RTC.
Explorar →Marketplace
Crie mensagens entre compradores e vendedores para o seu marketplace. Conecte anúncios, mídia, atualizações de pedidos, denúncias e notificações com os SDKs e APIs do Tencent RTC Chat.
Explorar →PLANEJE SUA INTEGRAÇÃO
Vamos falar sobre
sua integração com o Chat.
Converse com a equipe da Tencent RTC sobre sua plataforma, seu mercado-alvo, a estimativa de usuários ativos mensais e seu cronograma de lançamento.
Conte-nos suas necessidades.
Receba ajuda para definir o escopo da experiência de mensagens e da integração necessária para sua equipe.
Fale com nossa equipe↗Continue para o formulário oficial de contato da Tencent RTC.Comece a desenvolver com o Chat ↗
