Flutter 实现消息推送的方法

Flutter 实现消息推送通常有以下几种方式:

1. 使用 Firebase Cloud Messaging (FCM)(推荐)

Firebase Cloud Messaging (FCM) 是 Google 提供的免费推送服务,支持 iOS 和 Android。

实现步骤
(1)配置 Firebase 项目
  • Firebase 控制台 创建一个 Firebase 项目。
  • 添加 Android 和 iOS 应用,并下载 google-services.json (Android) 或 GoogleService-Info.plist (iOS) 文件。
  • 将这些文件放到 android/app/ios/Runner/ 目录中。
(2)安装依赖

pubspec.yaml 中添加:

yaml 复制代码
dependencies:
  firebase_core: latest_version
  firebase_messaging: latest_version

然后运行:

sh 复制代码
flutter pub get
(3)初始化 Firebase

main.dart 中初始化 Firebase:

dart 复制代码
import 'package:firebase_core/firebase_core.dart';
import 'package:firebase_messaging/firebase_messaging.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp();
  runApp(MyApp());
}
(4)请求通知权限
dart 复制代码
import 'package:firebase_messaging/firebase_messaging.dart';

Future<void> requestPermission() async {
  FirebaseMessaging messaging = FirebaseMessaging.instance;
  NotificationSettings settings = await messaging.requestPermission(
    alert: true,
    announcement: false,
    badge: true,
    carPlay: false,
    criticalAlert: false,
    provisional: false,
    sound: true,
  );

  if (settings.authorizationStatus == AuthorizationStatus.authorized) {
    print('用户已授权');
  } else {
    print('用户拒绝了通知权限');
  }
}
(5)获取 FCM 令牌
dart 复制代码
FirebaseMessaging messaging = FirebaseMessaging.instance;

void getToken() async {
  String? token = await messaging.getToken();
  print("FCM Token: $token");
}

服务器需要存储该 token 以便后续推送消息。

(6)监听消息
dart 复制代码
FirebaseMessaging.onMessage.listen((RemoteMessage message) {
  print('收到消息: ${message.notification?.title}');
});
(7)配置 Android

android/app/build.gradle

gradle 复制代码
dependencies {
    implementation 'com.google.firebase:firebase-messaging:latest_version'
}
(8)配置 iOS
  • ios/Runner/Info.plist 中添加:
xml 复制代码
<key>FirebaseAppDelegateProxyEnabled</key>
<false/>
  • Runner.xcworkspace 中启用 Push Notifications

2. 使用 OneSignal

如果不想用 Firebase,可以使用 OneSignal,支持更强大的推送功能。

步骤
  1. OneSignal 控制台 注册并创建应用。
  2. pubspec.yaml 添加:
yaml 复制代码
dependencies:
  onesignal_flutter: latest_version
  1. main.dart
dart 复制代码
import 'package:onesignal_flutter/onesignal_flutter.dart';

void main() {
  OneSignal.shared.setAppId("YOUR_ONESIGNAL_APP_ID");
}
  1. 服务器调用 OneSignal API 发送推送。

3. 使用本地通知 (Flutter Local Notifications)

如果只需要本地通知(不依赖服务器),可以使用 flutter_local_notifications

步骤
  1. pubspec.yaml 添加:
yaml 复制代码
dependencies:
  flutter_local_notifications: latest_version
  1. 初始化:
dart 复制代码
import 'package:flutter_local_notifications/flutter_local_notifications.dart';

FlutterLocalNotificationsPlugin flutterLocalNotificationsPlugin =
    FlutterLocalNotificationsPlugin();

void initNotifications() {
  var androidSettings = AndroidInitializationSettings('@mipmap/ic_launcher');
  var iosSettings = IOSInitializationSettings();
  var initSettings =
      InitializationSettings(android: androidSettings, iOS: iosSettings);

  flutterLocalNotificationsPlugin.initialize(initSettings);
}
  1. 发送本地通知:
dart 复制代码
Future<void> showNotification() async {
  var androidDetails = AndroidNotificationDetails(
      'channelId', 'channelName',
      importance: Importance.max, priority: Priority.high);
  var iosDetails = IOSNotificationDetails();
  var generalNotificationDetails =
      NotificationDetails(android: androidDetails, iOS: iosDetails);

  await flutterLocalNotificationsPlugin.show(
      0, '测试通知', '这是通知内容', generalNotificationDetails);
}

总结

方式 适用场景 依赖
Firebase Cloud Messaging (FCM) 云端推送,适用于大多数应用 firebase_messaging
OneSignal 第三方推送,支持多种推送策略 onesignal_flutter
本地通知 仅用于本地提醒,无需服务器 flutter_local_notifications
相关推荐
冰可乐配16 分钟前
fmpeg音频编码组件aac(Advanced Audio Coding (AAC) encoder)学习
学习·音视频·aac
憧憬成为java架构高手的小白41 分钟前
MySQl学习
学习
爱笑鱼44 分钟前
Handler(一):post 之后,Runnable 到底在哪个线程执行?
android
三品吉他手会点灯1 小时前
嵌入式机器学习 - 学习笔记1.1.1 - 什么是机器学习?
c语言·人工智能·笔记·嵌入式硬件·学习·机器学习
木木子222 小时前
[特殊字符] 音乐播放器——状态驱动的多媒体控制
android·开发语言·华为·php·harmonyos
程序猿小泓2 小时前
从 Claude Code 学 Agent Harness:一个前端工程师的 AI Agent 学习笔记
前端·人工智能·学习
雨白2 小时前
C 语言基础:结构体、联合体与枚举
android
minglie12 小时前
Axi4Full转SMMR突发读写和单次读写对比
学习
换个昵称22 小时前
大模型学习8下-高性能推理引擎vLLM学习笔记
笔记·学习·vllm
阿巴斯甜3 小时前
Android 代码混淆
android