Flutter实时推送插件laravel_flutter_pusher_plus的使用

Flutter实时推送插件laravel_flutter_pusher_plus的使用

⚠️ 请注意 这是一个重新设计并更新版本的laravel_flutter_pusher包。

一个非官方的Flutter插件，它封装了Android上的pusher-websocket-java和iOS上的pusher-websocket-swift。 这是对Flutter Pusher Client插件的延续。

此包允许你从Pusher服务器消费事件。为了使用此库，你需要在https://pusher.com上有一个免费账户。注册后，你需要你的应用程序的凭证。 注意 此包需要 <code>json_annotation : ^4.0.0</code>。

如何安装

• 在你的pubspec.yaml文件中添加：

dependencies:
  laravel_flutter_pusher_plus: ^[latest_version]

对于iOS Objective-C基础的Flutter应用

目前，将一些基于Swift的Flutter插件在Objective-C基础的Flutter应用中工作有点困难。参见这里了解更多信息，并查看这里了解修复方法。

这些步骤应该可以修复你的项目中的问题。

• 在/ios/Podfile中，将全局平台设置为至少10.0：

platform :ios, '10.0'

• 在/ios/Podfile的Runner部分末尾添加 use_frameworks!
• 在你的iOS Runner项目中设置Swift版本。
  • 使用Xcode打开项目。
  • 在Runner中，选择File -> New -> File -> Swift File，命名任何名称。
  • Xcode会询问你是否要创建桥接头文件，点击“是”。
  • 转到Runner的Build Settings并将SWIFT_VERSION设置为4.2或5.0。
  • 删除在步骤2中创建的Swift文件。
  • 删除在步骤3中创建的桥接头文件。
• 执行 flutter clean
• 在/ios目录下执行 pod install --repo-update

开始使用

import 'package:laravel_flutter_pusher_plus/laravel_flutter_pusher_plus.dart';

void main() {

  var options = PusherOptions(
          host: '10.0.2.2',
          port: 6001,
          encrypted: false,
          cluster: 'eu'
      );

      LaravelFlutterPusher pusher = LaravelFlutterPusher('app_key', options, enableLogging: true);
      pusher
          .subscribe('channel')
          .bind('event', (event) => log('event => ' + event.toString()));
}

延迟连接

你可以延迟与服务器的连接，因此可以在客户端构造函数中设置lazyConnect属性。

R8/Proguard代码混淆

如果你启用了R8或Proguard的代码混淆，你需要添加以下规则。

在android/app/build.gradle中：

buildTypes {
  release {
    minifyEnabled true
    proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
  }
}

在android/app/proguard-rules.pro中：

-keep class dev.micazi.laravel_flutter_pusher_plus.** { *; }

开发

生成模型和工厂：flutter packages pub run build_runner build --delete-conflicting-outputs

示例代码

以下是一个完整的示例，展示了如何使用laravel_flutter_pusher_plus插件。

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text("Pusher Example"),
        ),
        body: Center(
          child: Text("Listening for events..."),
        ),
      ),
    );
  }
}

class MyHomePage extends StatefulWidget {
  [@override](/user/override)
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  final pusher = LaravelFlutterPusher(
    'app_key',
    PusherOptions(
      host: '10.0.2.2',
      port: 6001,
      encrypted: false,
      cluster: 'eu',
    ),
    enableLogging: true,
  );

  [@override](/user/override)
  void initState() {
    super.initState();

    // 订阅频道并绑定事件
    pusher.subscribe('channel').bind('event', (event) {
      print('Received event: ${event.data}');
    });

    // 连接到Pusher服务器
    pusher.connect();
  }

  [@override](/user/override)
  void dispose() {
    // 断开连接
    pusher.disconnect();
    super.dispose();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Container();
  }
}