Flutter中的推送通知：Firebase Cloud Messaging指南

Flutter中的推送通知：Firebase Cloud Messaging指南

5 回复

使用FCM在Flutter中集成推送通知，注册FCM，配置消息接收处理。

更多关于Flutter中的推送通知：Firebase Cloud Messaging指南的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中使用Firebase Cloud Messaging (FCM) 实现推送通知，需安装firebase_core和firebase_messaging插件，配置Firebase项目，处理消息接收和显示。详细步骤可参考官方文档。

在Flutter中集成Firebase Cloud Messaging (FCM) 推送通知的步骤如下：

  1. 添加依赖：在 pubspec.yaml 中添加 firebase_core 和 firebase_messaging 依赖。

  2. 配置 Firebase：

    • 在 Firebase 控制台创建新项目。
    • 下载 google-services.json 文件并放置在 android/app 目录下。
    • 对于 iOS，下载 GoogleService-Info.plist 并添加到 Xcode 项目中。

  3. 初始化 Firebase：在 main.dart 中初始化 Firebase。

  4. 处理消息：

    • 使用 FirebaseMessaging 类监听消息。
    • 处理前台、后台和终止状态下的通知。

  5. 发送通知：通过 Firebase 控制台或服务器发送通知。

详细实现请参考 Flutter 官方文档 和 Firebase 文档。

Firebase Cloud Messaging用于Flutter应用推送通知，详见官方文档。

在Flutter中实现推送通知，Firebase Cloud Messaging (FCM) 是一个常用的解决方案。以下是一个简要的指南，帮助你在Flutter应用中集成FCM：

1. 设置Firebase项目

首先，你需要在Firebase控制台中创建一个项目，并将你的Flutter应用添加到该项目中。下载生成的 google-services.json 文件，并将其放置在 android/app 目录下。

2. 添加依赖

在 pubspec.yaml 文件中添加以下依赖：

dependencies:
  flutter:
    sdk: flutter
  firebase_core: latest_version
  firebase_messaging: latest_version

然后运行 flutter pub get 以安装依赖。

3. 初始化Firebase

在你的 main.dart 文件中初始化Firebase：

import 'package:firebase_core/firebase_core.dart';

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

4. 配置Firebase Messaging

在 main.dart 中配置Firebase Messaging：

import 'package:firebase_messaging/firebase_messaging.dart';

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 _message = '';

  @override
  void initState() {
    super.initState();
    FirebaseMessaging.instance.getToken().then((token) {
      print("FCM Token: $token");
    });

    FirebaseMessaging.onMessage.listen((RemoteMessage message) {
      setState(() {
        _message = message.notification?.title ?? 'No Title';
      });
    });

    FirebaseMessaging.onMessageOpenedApp.listen((RemoteMessage message) {
      setState(() {
        _message = message.notification?.title ?? 'No Title';
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('FCM Example'),
      ),
      body: Center(
        child: Text(_message),
      ),
    );
  }
}

5. 处理后台消息

为了处理应用在后台时收到的消息，你需要在 android/app/src/main/AndroidManifest.xml 文件中添加以下代码：

<application>
  <service
    android:name=".MyFirebaseMessagingService"
    android:exported="false">
    <intent-filter>
      <action android:name="com.google.firebase.MESSAGING_EVENT"/>
    </intent-filter>
  </service>
</application>

然后创建一个 MyFirebaseMessagingService 类来处理后台消息。

6. 测试推送通知

你可以通过Firebase控制台发送测试通知，或者在代码中使用FCM API发送通知。

通过以上步骤，你应该能够在Flutter应用中成功集成FCM并接收推送通知。

回到顶部