Flutter推送通知插件pushengage_flutter_sdk的使用

PushEngage Flutter SDK #

PushEngage Flutter SDK 简化了将推送通知集成到您的 Flutter 应用程序中的过程，支持 Android 和 iOS 平台。

介绍 #

PushEngage SDK 使您的 Flutter 应用程序能够无缝地接收推送通知，增强 Android 和 iOS 上的用户参与度。

前提条件 #

在设置之前，请确保您已经具备以下条件：

  • 一个 Flutter 项目。
  • PushEngage 账户
  • Android 项目的 Firebase 项目。
  • Apple 开发者账户用于 APN 服务。

开始使用指南 #

请遵循以下步骤进行设置：

  1. 在 PushEngage 官网注册并创建您的应用。
  2. 获取您的应用 ID。
  3. 在 Flutter 项目的 Android 和 iOS 目录下配置 Firebase 和 Apple 开发者证书。
  4. 在您的 Flutter 项目中添加 PushEngage Flutter SDK。
  5. 初始化 SDK 并设置应用 ID。

Flutter 插件公共 API #

请遵循以下步骤使用 PushEngage Flutter SDK 的公共 API：

  1. 导入 PushEngage Flutter SDK。
  2. 调用 `setAppId` 方法设置您的应用 ID。
  3. 实现其他功能如触发活动等。

示例代码 #

example/lib/main.dart

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

import ‘package:flutter/services.dart’;
import ‘package:pushengage_flutter_sdk/model/trigger_campaign.dart’;
import ‘package:pushengage_flutter_sdk/pushengage_flutter_sdk.dart’;
import ‘package:pushengage_flutter_sdk_example/home.dart’;


void main() {
runApp(const MyApp());
}


class MyApp extends StatefulWidget {
const MyApp({super.key});


@override
State<MyApp> createState() => _MyAppState();
}


class _MyAppState extends State<MyApp> {
@override
void initState() {
super.initState();
initPlatformState();
}


Future<void> initPlatformState() async {
// 设置您的应用 ID
PushEngage.setAppId(“42ff42bc-32e5-4188-b65f-d3e5412c5ba9”);
}


@override
Widget build(BuildContext context) {
return const MaterialApp(
title: ‘PushEngage’,
debugShowCheckedModeBanner: false,
home: Home(),
);
}
}

在这个示例代码中，我们首先导入了必要的包，然后在 `initState` 方法中调用了 `initPlatformState` 方法来初始化 SDK 并设置应用 ID。这样，您的 Flutter 应用就可以接收来自 PushEngage 的推送通知了。


更多关于Flutter推送通知插件pushengage_flutter_sdk的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter推送通知插件pushengage_flutter_sdk的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


pushengage_flutter_sdk 是一个用于在 Flutter 应用中集成 PushEngage 推送通知服务的插件。PushEngage 是一个强大的推送通知平台，支持 Web 和移动应用的推送通知。通过 pushengage_flutter_sdk，你可以轻松地在 Flutter 应用中实现推送通知功能。

以下是如何在 Flutter 项目中使用 pushengage_flutter_sdk 的步骤：

1. 添加依赖

首先，你需要在 pubspec.yaml 文件中添加 pushengage_flutter_sdk 依赖：

dependencies:
  flutter:
    sdk: flutter
  pushengage_flutter_sdk: ^1.0.0  # 请使用最新版本

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

2. 初始化 PushEngage SDK

在你的 Flutter 应用的 main.dart 文件中，初始化 PushEngage SDK。你需要在 main 函数中调用 PushEngage.initialize 方法，并传入你的 PushEngage API 密钥。

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

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  
  // 初始化 PushEngage SDK
  await PushEngage.initialize(
    apiKey: 'YOUR_PUSHENGAGE_API_KEY',  // 替换为你的 PushEngage API 密钥
  );

  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'PushEngage Demo',
      home: HomeScreen(),
    );
  }
}

class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('PushEngage Demo'),
      ),
      body: Center(
        child: Text('Welcome to PushEngage Demo!'),
      ),
    );
  }
}

3. 请求通知权限

在 Android 上，你通常不需要显式请求通知权限，因为 Android 会自动处理。但在 iOS 上，你需要显式请求通知权限。你可以在应用启动时或在用户执行某些操作时请求通知权限。

import 'package:pushengage_flutter_sdk/pushengage_flutter_sdk.dart';

void requestNotificationPermission() async {
  await PushEngage.requestNotificationPermission();
}

你可以在 HomeScreen 中添加一个按钮来触发权限请求：

class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('PushEngage Demo'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            requestNotificationPermission();
          },
          child: Text('Request Notification Permission'),
        ),
      ),
    );
  }
}

4. 处理推送通知

你可以使用 PushEngage 提供的回调方法来处理推送通知。例如，你可以监听通知的点击事件：

PushEngage.onNotificationOpened.listen((Map<String, dynamic> data) {
  // 处理通知点击事件
  print('Notification opened with data: $data');
});

5. 发送测试通知

你可以在 PushEngage 仪表板中创建和发送测试通知，以验证你的集成是否正常工作。

6. 调试和日志

如果你遇到问题，可以启用调试日志来获取更多信息：

PushEngage.setLogLevel(PushEngageLogLevel.verbose);
回到顶部