CRIADO PARA REACT NATIVE

Notificações push para React Native

Implemente notificações push para React Native no seu app com Tencent RTC Push. Registre dispositivos, trate toques nas notificações e conecte cada atualização a um destino útil.

RECURSOS PARA DESENVOLVEDORES

Recursos para desenvolvedores de React Native Push

Uma aula reservada no seu app

Conecte notificações push React Native a reservas de atividades físicas, com uma integração JavaScript e configuração de entrega por plataforma.

Uma nova sessão para voltar

Envie notificações push React Native para aulas assinadas. Seu app controla as regras de público, os agendamentos e o destino.

RECURSOS DE REACT NATIVE PUSH

Criado em torno do ciclo de vida das notificações

Registro de dispositivos

  • Conecte um destinatário de push
  • Trate erros de configuração

Callbacks de notificação

  • Responda ao toque na notificação
  • Direcione dentro do seu próprio app

Entrega por plataforma

  • Configure canais nativos
  • Teste permissão e estados do app

Registre, receba e responda

Registro, tratamento de cliques e consulta de destinatários. Trechos focados das APIs oficiais do SDK.

Registrar

Registre um dispositivo de teste

Conecte notificações push React Native após a configuração da plataforma e o fluxo de permissão.

Leia a documentação
push.ts
import Push from '@tencentcloud/react-native-push';

Push.registerPush(
  SDKAppID, pushClientKey,
  () => { /* Registration completed. */ },
  (code, message) => { /* Handle registration errors. */ },
);

PERSONALIZAÇÃO

Faça cada notificação se integrar ao app

Mantenha as preferências e as telas de destino na sua própria aplicação.

Deixe as pessoas escolherem atualizações úteis

Conecte notificações push React Native aos interesses e preferências mantidos pelo seu app.

Leia a documentação

COMECE AGORA

Sua primeira notificação, passo a passo

  1. 01

    Crie seu app

    Ative Push para a aplicação e os utilizadores de teste.

    Abrir a consola de Push
  2. 02

    Instale o Push SDK

    Siga o guia da plataforma para conectar seu projeto.

    Siga o Guia de Integração
  3. 03

    Envie a primeira notificação

    Configure as credenciais de entrega, registre um dispositivo de teste e verifique os toques nas notificações em primeiro e segundo plano.

    Configurar as credenciais de push
React Native Push SDK
Terminal
npm install @tencentcloud/react-native-push --save
push.ts
import Push from '@tencentcloud/react-native-push';

Push.registerPush(
  SDKAppID, pushClientKey,
  () => { /* Registration completed. */ },
  (code, message) => { /* Handle registration errors. */ },
);

Perguntas frequentes sobre Notificações push para React Native

Como adicionar notificações push React Native ao meu app?

Configure a application class Android nativa e o projeto iOS conforme o guia. A instalação JavaScript sozinha não configura APNs, canais Android ou permissões do dispositivo.

Esses trechos são uma aplicação completa?

São trechos focados de integração. Adicione imports de pacotes, configuração do projeto nativo, tratamento do ciclo de vida e comportamento de erros do guia completo. VERSION indica uma versão que você escolhe, não uma versão literal do pacote.

As notificações podem chegar quando o app está fechado?

Canais offline compatíveis podem entregar notificações, sujeitos às políticas do sistema operacional, permissões, condições de rede e configurações do dispositivo. Teste os dispositivos e estados exatos do app que você atende.

Como enviar notificações push React Native ao usuário certo?

Registre o dispositivo, obtenha seu ID de registro e mantenha a associação entre destinatário e conta no backend. Atualize as associações quando o usuário mudar e valide o acesso ao abrir o destino.

Quanto custam as notificações push para React Native?

App Push oferece planos gratuitos e pagos com diferentes MAU incluídos, filas e recursos. Revise o plano atual e as regras de excedentes antes de escolher um pacote para produção.

Como integrar notificações push para React Native com React Native?

Instale o pacote e as dependências nativas documentadas e volte a compilar a aplicação nativa. Verifique permissões, ciclo de vida e callbacks nativos, sem presumir um ambiente apenas JavaScript.

Como testar notificações push para React Native antes de lançar meu app?

Teste o registro de destinatários e os callbacks de clique nas notificações em primeiro plano, segundo plano e com o app encerrado.

Como personalizar a interface das notificações push para React Native?

Trate o payload de notificação e o callback de clique documentados. Seu app valida o acesso ao destino e controla a tela que será aberta.

Suporte à integração de React Native Push

Crie sua próxima atualização com notificações push para React Native

Comece com um dispositivo de teste. Conecte os eventos reais da aplicação quando a integração estiver pronta.