Notificações push em Flutter com Firebase: Integração com serviços externos

Capítulo 248

Tempo estimado de leitura: 4 minutos

+ Exercício
Audio Icon

Ouça em áudio

0:00 / 0:00

Notificações push são uma das ferramentas mais eficazes para envolver usuários em aplicativos móveis. No Flutter, uma das maneiras mais eficientes de implementar notificações push é usando o Firebase Cloud Messaging (FCM), um serviço gratuito oferecido pelo Google que permite o envio de notificações para dispositivos Android e iOS. Neste capítulo, vamos explorar como integrar notificações push em seu aplicativo Flutter usando o Firebase.

Configuração do Firebase

Antes de começar, você precisa configurar o Firebase para o seu projeto Flutter. Para fazer isso, vá para o console do Firebase e crie um novo projeto. Depois disso, você precisa adicionar um aplicativo Android ou iOS ao seu projeto Firebase. Durante este processo, você será solicitado a fornecer o ID do pacote do seu aplicativo, que pode ser encontrado no arquivo AndroidManifest.xml para aplicativos Android ou no arquivo Info.plist para aplicativos iOS.

Adicionando dependências

Depois de configurar o Firebase, você precisa adicionar as dependências necessárias ao seu projeto Flutter. Para fazer isso, adicione as seguintes linhas ao seu arquivo pubspec.yaml:

dependencies:
  flutter:
    sdk: flutter
  firebase_core: ^0.5.0
  firebase_messaging: ^7.0.0

Depois de adicionar essas dependências, execute o comando 'flutter pub get' para instalar os pacotes.

Configuração do Firebase Messaging

Após a instalação das dependências, você precisa configurar o Firebase Messaging em seu aplicativo. Primeiro, você precisa inicializar o Firebase no seu aplicativo. Para fazer isso, adicione a seguinte linha de código no método main do seu aplicativo:

Continue em nosso aplicativo e ...
  • Ouça o áudio com a tela desligada
  • Ganhe Certificado após a conclusão
  • + de 5000 cursos para você explorar!
ou continue lendo abaixo...
Download App

Baixar o aplicativo

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp();
  runApp(MyApp());
}

Depois disso, você precisa criar uma instância do Firebase Messaging e solicitar permissão para enviar notificações. Você pode fazer isso adicionando o seguinte código ao método initState do seu widget principal:

@override
void initState() {
  super.initState();
  FirebaseMessaging _firebaseMessaging = FirebaseMessaging();
  _firebaseMessaging.requestNotificationPermissions();
}

Recebendo Notificações Push

Para receber notificações push, você precisa configurar os ouvintes de notificação. Você pode fazer isso adicionando o seguinte código ao método initState do seu widget principal:

_firebaseMessaging.configure(
  onMessage: (Map message) async {
    print("onMessage: $message");
  },
  onLaunch: (Map message) async {
    print("onLaunch: $message");
  },
  onResume: (Map message) async {
    print("onResume: $message");
  },
);

Esses ouvintes serão chamados quando uma notificação for recebida enquanto o aplicativo estiver em execução, quando uma notificação for clicada pelo usuário ou quando uma notificação for recebida enquanto o aplicativo estiver em segundo plano, respectivamente.

Enviando Notificações Push

Para enviar notificações push, você pode usar a API do Firebase Cloud Messaging ou o console do Firebase. No console do Firebase, você pode enviar notificações para todos os usuários, para segmentos de usuários ou para usuários individuais. Para enviar notificações através da API, você precisa usar o token de registro do dispositivo, que pode ser obtido usando o seguinte código:

_firebaseMessaging.getToken().then((String token) {
  assert(token != null);
  print("Push Messaging token: $token");
});

Depois de obter o token de registro, você pode usá-lo para enviar notificações para o dispositivo específico.

Conclusão

Neste capítulo, exploramos como implementar notificações push em aplicativos Flutter usando o Firebase Cloud Messaging. Implementar notificações push pode aumentar significativamente o envolvimento do usuário com seu aplicativo, tornando-o mais valioso para seus usuários e para o seu negócio.

Agora responda o exercício sobre o conteúdo:

Qual é o processo para implementar notificações push em aplicativos Flutter usando o Firebase Cloud Messaging?

Você acertou! Parabéns, agora siga para a próxima página

Você errou! Tente novamente.

Próximo capitúlo

Notificações push em Flutter com Firebase: Design responsivo

Arrow Right Icon
Capa do Ebook gratuito Como criar aplicativos do zero ao avançado, utilizando Flutter e Dart curso completo
93%

Como criar aplicativos do zero ao avançado, utilizando Flutter e Dart curso completo

3.75

(4)

267 páginas

Baixe o app para ganhar Certificação grátis e ouvir os cursos em background, mesmo com a tela desligada.