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
相关推荐
艾莉丝努力练剑3 小时前
【AI接入大模型SDK】ChatSDK示例验证
人工智能·学习·面试·大模型·sdk
葡萄成熟时 !8 小时前
JAVA 常用API学习笔记
java·笔记·学习
别动我齐刘海10 小时前
机器人运动控制学习2——基础进阶
c++·人工智能·神经网络·学习·目标检测·机器学习·机器人
游戏开发爱好者810 小时前
WebSocket 抓包怎么查看内容?从握手到消息帧完整解读
网络协议·计算机网络·网络安全·ios·adb·https·udp
05664612 小时前
agent学习——流式响应与文本切分
网络·python·学习
for_ever_love__12 小时前
python基础语法学习: 面向对象的三大特性
开发语言·python·学习
悟空瞎说14 小时前
# Alamofire 使用文档 完整翻译
ios
hunterandroid14 小时前
Android WebView JSBridge 治理实战:从线上白屏崩溃到协议化通信
android·前端
一个用户名i14 小时前
【Compose 系列】第 1 篇:认识 Compose,为什么要学它
android·android jetpack
Canmag 兴隆磁性15 小时前
C 系列充磁机
c语言·开发语言·学习·永磁材料·充磁·退磁