Flutter FCM通知管理插件e_notification_platform_fcm的使用

Flutter FCM通知管理插件e_notification_platform_fcm的使用

如何使用

Android

在 android/app 目录下放置 google-services.json 文件

google-services.json 文件，需要在 Firebase 控制台生成

在 android/build.gradle 加入以下文本

buildscript {
    ext.kotlin_version = '1.3.50'
    repositories {
        google()
        jcenter()
    }

    dependencies {
        classpath 'com.android.tools.build:gradle:4.1.0'
        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
        +classpath 'com.google.gms:google-services:4.3.8' // 添加 Google Services 插件
    }
}

在 android/app/build.gradle 加入以下文本

apply plugin: 'com.android.application'
apply plugin: 'kotlin-android'
apply plugin: 'com.android.application'
+apply plugin: 'com.google.gms.google-services' // 启用 Google Services 插件
apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"

iOS

在 ios 目录下放置 GoogleService-Info.plist 文件

GoogleService-Info.plist 文件，需要在 Firebase 控制台生成

完整示例Demo

以下是一个完整的 Flutter 应用示例，展示如何集成和使用 e_notification_platform_fcm 插件来处理 FCM 通知。

项目结构

your_flutter_project/
├── android/
│   ├── app/
│   │   ├── src/
│   │   │   └── main/
│   │   │       └── res/
│   │   └── build.gradle
│   └── build.gradle
├── ios/
│   ├── Runner.xcworkspace
│   └── GoogleService-Info.plist
├── lib/
│   └── main.dart
└── pubspec.yaml

步骤 1: 配置 Firebase

1. 登录 Firebase 控制台 并创建一个新项目。
2. 在 Firebase 控制台中，选择您的项目并添加 Android 和 iOS 平台。
3. 下载 google-services.json 和 GoogleService-Info.plist 文件，并分别放置到 android/app/ 和 ios/ 目录中。

步骤 2: 修改 android/build.gradle

在 android/build.gradle 文件中添加以下依赖：

buildscript {
    ext.kotlin_version = '1.3.50'
    repositories {
        google()
        jcenter()
    }

    dependencies {
        classpath 'com.android.tools.build:gradle:4.1.0'
        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
        classpath 'com.google.gms:google-services:4.3.8' // 添加 Google Services 插件
    }
}

步骤 3: 修改 android/app/build.gradle

在 android/app/build.gradle 文件中启用 Google Services 插件：

apply plugin: 'com.android.application'
apply plugin: 'kotlin-android'
apply plugin: 'com.android.application'
apply plugin: 'com.google.gms.google-services' // 启用 Google Services 插件
apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"

步骤 4: 编写 Flutter 代码

在 lib/main.dart 中编写以下代码：

import 'package:flutter/material.dart';
import 'package:e_notification_platform_fcm/e_notification_platform_fcm.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomeScreen(),
    );
  }
}

class HomeScreen extends StatefulWidget {
  @override
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  String token = '';

  @override
  void initState() {
    super.initState();
    initializeFCM();
  }

  Future<void> initializeFCM() async {
    try {
      // 获取 FCM Token
      token = await ENotificationPlatformFcm.getFCMToken();
      print('FCM Token: $token');
    } catch (e) {
      print('Error getting FCM Token: $e');
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('FCM Notification Demo'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text('FCM Token: $token'),
            ElevatedButton(
              onPressed: () {
                // 发送测试通知
                sendTestNotification();
              },
              child: Text('Send Test Notification'),
            ),
          ],
        ),
      ),
    );
  }

  Future<void> sendTestNotification() async {
    try {
      // 模拟发送通知
      print('Sending test notification...');
      await ENotificationPlatformFcm.sendNotification(
        to: token, // 使用当前设备的 FCM Token
        title: 'Test Notification',
        body: 'This is a test notification.',
      );
      print('Test notification sent successfully.');
    } catch (e) {
      print('Error sending test notification: $e');
    }
  }
}

运行应用

1. 确保已安装 Flutter SDK 和 Android/iOS 开发环境。
2. 在终端中运行以下命令以启动应用：

   flutter run