App图标徽章 - Firebase推送通知 /FCM - Flutter

要在Flutter中使用Firebase Cloud Messaging（FCM）发送推送通知，您需要首先设置Firebase项目和配置Flutter应用程序以使用Firebase。

以下是一个包含代码示例的解决方法：

1. 设置Firebase项目：

   • 访问Firebase控制台（https://console.firebase.google.com/）并创建一个新项目。
   • 在项目设置中，添加Android应用和iOS应用，并按照指示下载和配置配置文件。

2. 配置Flutter应用程序：

   • 打开项目的pubspec.yaml文件，并添加firebase_messaging依赖项：

     dependencies:
       flutter:
         sdk: flutter
       firebase_messaging: ^10.0.0
     

   • 运行flutter pub get以获取依赖项。

   • 在您的项目中创建一个名为firebase_messaging.dart的文件，用于处理来自FCM的推送通知：

     import 'package:firebase_messaging/firebase_messaging.dart';
     
     class FirebaseMessagingService {
       final FirebaseMessaging _firebaseMessaging = FirebaseMessaging.instance;
     
       Future<void> setupFirebaseMessaging() async {
         await _firebaseMessaging.requestPermission();
         await _firebaseMessaging.setForegroundNotificationPresentationOptions(
             alert: true, badge: true, sound: true);
         _firebaseMessaging.getToken().then((token) {
           print("FCM Token: $token");
         });
     
         FirebaseMessaging.onMessage.listen((RemoteMessage message) {
           print("FCM Message: ${message.notification.title}");
         });
       }
     }
     

   • 在您的项目中的main.dart文件中导入firebase_messaging.dart并在主函数中调用setupFirebaseMessaging函数：

     import 'firebase_messaging.dart';
     
     void main() {
       WidgetsFlutterBinding.ensureInitialized();
       FirebaseMessagingService().setupFirebaseMessaging();
       runApp(MyApp());
     }
     

3. 发送推送通知：

   • 打开Firebase控制台，选择您的项目并导航到“Cloud Messaging”部分。

   • 单击“新建通知”并填写推送通知的详细信息，例如标题和内容。

   • 选择“目标”选项卡并选择您要发送通知的设备。

   • 单击“发送”以发送通知。

以上解决方案将帮助您在Flutter应用程序中使用Firebase Cloud Messaging发送和接收推送通知，并在接收到通知时打印消息标题。您可以根据需要进一步定制通知的处理方式。