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
相关推荐
玖夜Kty18 分钟前
国内环境修改 flutter.bat 来设置 flutter 的网络环境
flutter
蓝婷儿23 分钟前
6个月Python学习计划 Day 16 - 面向对象编程(OOP)基础
开发语言·python·学习
叶子20242244 分钟前
学习使用YOLO的predict函数使用
人工智能·学习·yolo
jackson凌1 小时前
【Java学习笔记】SringBuffer类(重点)
java·笔记·学习
itme2681 小时前
解决cocos 2dx/creator2.4在ios18下openURL无法调用的问题
macos·objective-c·cocoa
LinXunFeng2 小时前
Flutter - GetX Helper 助你规范应用 tag
flutter·github·visual studio code
androidwork2 小时前
Android LinearLayout、FrameLayout、RelativeLayout、ConstraintLayout大混战
android·java·kotlin·androidx
每次的天空2 小时前
Android第十三次面试总结基础
android·面试·职场和发展
wu_android2 小时前
Android 相对布局管理器(RelativeLayout)
android
黑客老李2 小时前
JavaSec | SpringAOP 链学习分析
java·运维·服务器·开发语言·学习·apache·memcached