Flutter集成Braze推送插件rudder_integration_braze_flutter的使用

Flutter集成Braze推送插件rudder_integration_braze_flutter的使用

什么是RudderStack？

RudderStack 是一个客户数据管道工具，用于从您的网站、应用程序、云工具和数据仓库收集、路由和处理数据。

通过RudderStack，您可以构建连接整个客户数据堆栈的数据管道，并通过基于数据仓库分析的结果，在客户工具中触发丰富和激活操作，使其更加智能化。其易于使用的SDK、事件源集成、Cloud Extract集成、转换以及广泛的目的地和仓库集成库使得构建事件流和云到仓库ELT的数据管道变得简单。

如果有任何问题，请加入我们的Slack社区或在Product Hunt上了解我们。

将Braze与RudderStack Flutter SDK集成

以下是将Braze集成到RudderStack Flutter SDK中的步骤：

1. 在RudderStack仪表板中添加Braze作为目的地

登录RudderStack仪表板并添加Braze作为目的地。

2. 在pubspec.yaml中添加依赖项

打开项目的pubspec.yaml文件，并在dependencies部分下添加rudder_integration_braze_flutter：

dependencies:
  rudder_integration_braze_flutter: ^1.0.0

3. 安装所需的依赖项

导航到项目的根目录，并运行以下命令以安装所有必要的依赖项：

flutter pub get

4. 初始化RudderStack客户端并添加Braze集成

在初始化RudderStack客户端时，导入并添加rudder_integration_braze_flutter模块。以下是完整的示例代码：

import 'package:rudder_sdk_flutter/RudderController.dart';
import 'package:rudder_sdk_flutter_platform_interface/platform.dart';
import 'package:rudder_integration_braze_flutter/rudder_integration_braze_flutter.dart';

// 创建RudderConfigBuilder实例
RudderConfigBuilder builder = RudderConfigBuilder();

// 设置数据平面URL
builder.withDataPlaneUrl("YOUR_DATA_PLANE_URL");

// 添加Braze集成工厂
builder.withFactory(RudderIntegrationBrazeFlutter());

// 获取RudderController实例
final RudderController rudderClient = RudderController.instance;

// 初始化RudderStack客户端
rudderClient.initialize(
  "YOUR_WRITE_KEY", // 替换为您的Write Key
  config: builder.build(),
  options: null,
);

注意：请将YOUR_DATA_PLANE_URL替换为实际的数据平面URL，将YOUR_WRITE_KEY替换为您的RudderStack Write Key。

发送事件

要发送事件，请参考RudderStack Flutter SDK仓库中的说明。

以下是一个简单的示例代码，展示如何发送自定义事件：

// 发送自定义事件
rudderClient.track(
  "CustomEvent", // 事件名称
  properties: {
    "key": "value", // 自定义属性
  },
);

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

1 回复

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


要在Flutter应用中集成Braze推送插件rudder_integration_braze_flutter，你需要按照以下步骤进行操作：

1. 添加依赖

首先，在你的pubspec.yaml文件中添加rudder_integration_braze_flutter插件的依赖：

dependencies:
  flutter:
    sdk: flutter
  rudder_sdk_flutter: ^1.0.0  # 确保你使用的是最新版本
  rudder_integration_braze_flutter: ^1.0.0  # 确保你使用的是最新版本

然后运行flutter pub get来获取依赖。

2. 初始化RudderStack SDK

在你的main.dart文件中初始化RudderStack SDK。你需要在main函数中调用RudderClient的initialize方法，并传入你的RudderStack的writeKey。

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

void main() async {
  WidgetsFlutterBinding.ensureInitialized();

  // 初始化RudderStack SDK
  await RudderClient.instance.initialize(
    writeKey: 'YOUR_RUDDERSTACK_WRITE_KEY',
    config: RudderConfig(
      dataPlaneUrl: 'YOUR_DATA_PLANE_URL',
    ),
  );

  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

3. 集成Braze插件

在初始化RudderStack SDK之后，你需要集成Braze插件。你可以在main.dart文件中添加以下代码：

import 'package:rudder_integration_braze_flutter/rudder_integration_braze_flutter.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();

  // 初始化RudderStack SDK
  await RudderClient.instance.initialize(
    writeKey: 'YOUR_RUDDERSTACK_WRITE_KEY',
    config: RudderConfig(
      dataPlaneUrl: 'YOUR_DATA_PLANE_URL',
    ),
  );

  // 集成Braze插件
  RudderBrazeIntegration brazeIntegration = RudderBrazeIntegration();
  await brazeIntegration.setup();

  runApp(MyApp());
}

4. 配置Braze

你需要在Braze控制台中获取你的API Key，并在RudderStack控制台中配置Braze作为目的地。确保你在RudderStack控制台中启用了Braze集成，并正确配置了Braze的API Key。

5. 发送事件

现在你可以使用RudderStack SDK发送事件，这些事件将会被转发到Braze。例如：

RudderClient.instance.track(
  eventName: 'Product Viewed',
  properties: {
    'product_id': '12345',
    'product_name': 'Flutter Widgets',
  },
);

6. 处理推送通知

为了处理Braze的推送通知，你需要在AndroidManifest.xml和Info.plist文件中进行相应的配置，并处理推送通知的回调。

Android

在AndroidManifest.xml中添加以下配置：

<application>
  <receiver
    android:name="com.braze.push.BrazePushReceiver"
    android:exported="true">
    <intent-filter>
      <action android:name="com.braze.push.intent.NOTIFICATION_RECEIVED" />
      <action android:name="com.braze.push.intent.NOTIFICATION_OPENED" />
    </intent-filter>
  </receiver>
</application>

iOS

在Info.plist中添加以下配置：

<key>Braze</key>
<dict>
  <key>APIKey</key>
  <string>YOUR_BRAZE_API_KEY</string>
  <key>EnableAutomaticPushRegistration</key>
  <true/>
</dict>
回到顶部