Notificações push em Flutter com Firebase: Configuração do ambiente de desenvolvimento

Capítulo 239

Tempo estimado de leitura: 4 minutos

+ Exercício
Audio Icon

Ouça em áudio

0:00 / 0:00

As notificações push são uma ferramenta essencial para manter os usuários engajados e informados sobre as atualizações mais recentes, promoções ou qualquer outro conteúdo relevante que você queira compartilhar. No Flutter, uma das maneiras mais eficazes de implementar notificações push é através do Firebase. Nesta seção, vamos explorar como configurar o ambiente de desenvolvimento para permitir notificações push em Flutter com Firebase.

Primeiramente, é importante entender o que é o Firebase. Firebase é uma plataforma de desenvolvimento de aplicativos da Google que fornece uma variedade de ferramentas e serviços para ajudar os desenvolvedores a construir, melhorar e expandir seus aplicativos. Um desses serviços é o Firebase Cloud Messaging (FCM), que permite o envio de notificações push para os usuários.

Antes de começar, você precisará ter o Flutter e o Dart configurados em sua máquina. Se você ainda não o fez, pode seguir o guia de instalação oficial do Flutter. Além disso, você precisará de uma conta no Firebase e um projeto Firebase para o seu aplicativo Flutter.

Para começar, acesse o console do Firebase em https://console.firebase.google.com/ e crie um novo projeto. Após criar o projeto, você precisará adicionar um aplicativo ao projeto. Selecione "Adicionar aplicativo" e siga as instruções para adicionar um aplicativo Android ou iOS ao seu projeto Firebase.

Depois de adicionar seu aplicativo, você precisará baixar o arquivo de configuração do Firebase. Para aplicativos Android, o arquivo será chamado google-services.json. Para aplicativos iOS, o arquivo será chamado GoogleService-Info.plist. Este arquivo contém todas as informações necessárias para conectar seu aplicativo ao Firebase.

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

Em seguida, você precisará adicionar o arquivo de configuração ao seu projeto Flutter. Para aplicativos Android, coloque o arquivo google-services.json na pasta do seu projeto em /android/app/. Para aplicativos iOS, use o Xcode para adicionar o arquivo GoogleService-Info.plist ao seu projeto.

Agora que seu aplicativo está conectado ao Firebase, você pode começar a configurar o ambiente de desenvolvimento para notificações push. Primeiro, você precisará adicionar a dependência do Firebase Cloud Messaging ao seu arquivo pubspec.yaml. Adicione a seguinte linha ao seu arquivo pubspec.yaml:

dependencies:
  flutter:
    sdk: flutter
  firebase_messaging: ^10.0.0

Em seguida, execute o comando 'flutter pub get' para instalar a nova dependência.

Agora, você precisará configurar o Firebase Cloud Messaging no seu aplicativo. Para fazer isso, você precisará adicionar o seguinte código ao seu arquivo main.dart:

import 'package:firebase_messaging/firebase_messaging.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final FirebaseMessaging _firebaseMessaging = FirebaseMessaging();

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

    _firebaseMessaging.requestNotificationPermissions(
      const IosNotificationSettings(
          sound: true, badge: true, alert: true, provisional: true));
    _firebaseMessaging.onIosSettingsRegistered
        .listen((IosNotificationSettings settings) {
      print("Settings registered: $settings");
    });

    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Push Notifications Test'),
        ),
        body: Center(
          child: Text('Waiting for message...'),
        ),
      ),
    );
  }
}

Este código configura o Firebase Cloud Messaging para lidar com notificações push quando o aplicativo está em primeiro plano, em segundo plano ou encerrado. Também solicita permissão para exibir notificações ao usuário.

Com isso, seu ambiente de desenvolvimento está configurado para notificações push em Flutter com Firebase. Agora você pode começar a enviar notificações push para o seu aplicativo a partir do console do Firebase.

As notificações push são uma maneira poderosa de manter os usuários engajados com seu aplicativo. Com o Flutter e o Firebase, é fácil configurar e gerenciar notificações push, permitindo que você se concentre em fornecer um ótimo conteúdo para seus usuários.

Esperamos que este guia tenha sido útil para configurar seu ambiente de desenvolvimento para notificações push em Flutter com Firebase. Lembre-se, a prática leva à perfeição, então continue experimentando e aprendendo!

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

Qual é a principal função do Firebase Cloud Messaging (FCM) no desenvolvimento de aplicativos com Flutter?

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: Estrutura básica de um aplicativo Flutter

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

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.