Flutter推送通知插件flutter_push的使用

本示例展示了如何在Flutter项目中使用flutter_push插件来实现推送通知功能。通过此插件，您可以轻松地处理来自Android和iOS平台的通知。

Getting Started（开始使用）

1. 添加依赖

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

dependencies:
  flutter_push: ^版本号

然后运行以下命令以安装依赖：

flutter pub get

2. 初始化插件

在main.dart文件中初始化flutter_push插件并设置推送通知。

示例代码

以下是完整的示例代码，展示如何初始化插件并获取推送通知信息：

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

import 'package:flutter/services.dart';
import 'package:flutter_push/flutter_push.dart'; // 导入插件

void main() {
  runApp(const MyApp()); // 启动应用
}

class MyApp extends StatefulWidget {
  const MyApp({super.key}); // 构造函数

  @override
  State<MyApp> createState() => _MyAppState(); // 创建状态类
}

class _MyAppState extends State<MyApp> {
  String _platformVersion = '未知'; // 平台版本变量
  final _flutterPushPlugin = FlutterPush(); // 创建插件实例

  @override
  void initState() {
    super.initState();
    initPlatformState(); // 初始化平台状态
  }

  // 异步初始化方法
  Future<void> initPlatformState() async {
    String platformVersion;
    try {
      // 获取平台版本信息
      platformVersion = await _flutterPushPlugin.getPlatformVersion() ?? '未知平台版本';
    } on PlatformException {
      platformVersion = '获取平台版本失败。';
    }
    // 初始化推送通知
    _flutterPushPlugin.initPush();

    // 如果组件已从树中移除，则不更新UI
    if (!mounted) return;

    setState(() {
      _platformVersion = platformVersion; // 更新UI
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'), // 应用标题
        ),
        body: Center(
          child: Text('运行于: $_platformVersion\n'), // 显示平台版本
        ),
      ),
    );
  }
}

3. 处理推送通知事件

在实际开发中，您可能需要监听推送通知事件并执行相应的操作。可以通过重写onMessageReceived回调来实现。

示例代码

@override
void initState() {
  super.initState();
  initPlatformState();

  // 监听推送通知事件
  _flutterPushPlugin.onMessageReceived.listen((message) {
    print('收到推送消息: $message'); // 打印接收到的消息
  });
}

4. 配置Android和iOS推送服务

Android配置

1. 在android/app/src/main/AndroidManifest.xml中添加以下权限和广播接收器：

<uses-permission android:name="android.permission.INTERNET"/>
<uses-permission android:name="android.permission.WAKE_LOCK"/>

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

1. 创建自定义的FirebaseMessagingService类：

import 'package:firebase_messaging/firebase_messaging.dart';
import 'package:flutter_push/flutter_push.dart';

class MyFirebaseMessagingService extends FirebaseMessagingService {
  @override
  Future<void> onMessage(RemoteMessage message) async {
    print('收到前台消息: ${message.data}');
    FlutterPush().showNotification(message);
  }

  @override
  Future<void> onBackgroundMessage(RemoteMessage message) async {
    print('收到后台消息: ${message.data}');
    FlutterPush().showNotification(message);
  }
}

iOS配置

1. 在ios/Runner/Info.plist中添加APNs配置：

<key>UIBackgroundModes</key>
<array>
  <string>remote-notification</string>
</array>

<key>CFBundleURLTypes</key>
<array>
  <dict>
    <key>CFBundleURLSchemes</key>
    <array>
      <string>your-app-scheme</string>
    </array>
  </dict>
</array>