Flutter Channel实践

Flutter定义了三种不同类型的Channel,它们分别是
▪ BasicMessageChannel:用于传递字符串和半结构化的信息。
▪ MethodChannel:用于传递方法调用(method invocation)
▪ EventChannel: 用于数据流(event streams)的通信。
原理讲解咸鱼团队的技术文章讲解的很通透了:深入理解Flutter Platform Channel
这篇文章在官方platform_channel的示例基础上,补全了示例子中没有实践的种方式。

Fultter侧实现

BasicMessageChannel

1 创建messageChannel

static const BasicMessageChannel messageChannel = 
BasicMessageChannel('samples.flutter.io/message', StandardMessageCodec());

1.1 发送数据到NA flutter -> NA

// result接收异步回调的数据
String parama = await messageChannel.send('flutter 参数');

1.2 接收NA发过来的数据 NA -> flutter

Future<String> messageHandler(parama) async {
    print('messageHandler ' + parama);
    _naToFlutterText = parama;
    return 'messageHandler flutter return';
}
// void setMessageHandler(Future<T> handler(T message)) 
messageChannel.setMessageHandler(messageHandler);

MethodChannel

2 创建MethodChannel

static const MethodChannel methodChannel = MethodChannel('samples.flutter.io/battery');

2.1 flutter调用NA方法 flutter -> NA

try {
 final int result = await methodChannel.invokeMethod('getBatteryLevel');
  // 处理成功结果
} on PlatformException {
  // 处理异常结果
}

2.2 NA调用flutter方法 NA -> flutter

Future<String> methodHandler (MethodCall call) async {
    print(call.method + '-----method');
    print(call.arguments + '-----argument');
    return  '回调结果';
}
// void setMethodCallHandler(Future<dynamic> handler(MethodCall call)) 
methodChannel.setMethodCallHandler(methodHandler);

EventChannel

3 创建EventChannel

static const EventChannel eventChannel = EventChannel('samples.flutter.io/charging');

3.1 接收NA发送过来的stream NA -> flutter

// Stream<dynamic> receiveBroadcastStream([ dynamic arguments ])
// StreamSubscription<T> listen(void onData(T event), {Function onError, void onDone(), bool cancelOnError});
eventChannel.receiveBroadcastStream().listen(_onEvent, onError: _onError);

void _onEvent(Object event) {
  // 正常数据流
}
void _onError(Object error) {
  // 失败数据流
}

对于 eventChannel.receiveBroadcastStream() 添加多次没有意义,只会有一个生效,添加第二个的时候,会先把前一个cancel掉。

iOS侧实现

1 创建channel

// 创建massageChannel
    FlutterBasicMessageChannel *massageChannel = [FlutterBasicMessageChannel messageChannelWithName:@"samples.flutter.io/message" binaryMessenger:controller];
    
    // 创建methodChannel
    FlutterMethodChannel *methodChannel = [FlutterMethodChannel
    methodChannelWithName:@"samples.flutter.io/battery" binaryMessenger:controller];
    
    // 创建eventChannel 代理方法里处理stream流 delegate设置为self
    FlutterEventChannel *eventChannel = [FlutterEventChannel eventChannelWithName:@"samples.flutter.io/charging" binaryMessenger:controller];
    [eventChannel setStreamHandler:self];

2 接收flutter发送过来的message和method flutter -> NA

    // 接收flutter发过来的message
    [self.massageChannel setMessageHandler:^(id  _Nullable message, FlutterReply  _Nonnull callback) {
        NSLog(@"flutter->na message %@ ", message);
        callback([NSString stringWithFormat:@"flutter->na message callback %@ ", message]);
    }];
    
    // 接收flutter调用的方法
    __weak typeof(self) weakSelf = self;
    [methodChannel setMethodCallHandler:^(FlutterMethodCall* call,
                                          FlutterResult result) {
        
        if ([@"getBatteryLevel" isEqualToString:call.method]) {
            int batteryLevel = [weakSelf getBatteryLevel];
            if (batteryLevel == -1) {
                result([FlutterError errorWithCode:@"UNAVAILABLE"
                                           message:@"Battery info unavailable"
                                           details:nil]);
            } else {
                result(@(batteryLevel));
            }
        } else {
          result(FlutterMethodNotImplemented);
        }
    }];

3 NA发送message和method到flutter NA -> flutter

    //  na to flutter 发送普通消息
    [self.massageChannel sendMessage:@"na message 参数" reply:^(id  _Nullable reply) {
        NSLog(@"na->flutter message callback %@ ", reply);
    }];
    
    //  na to flutter 调用flutter方法
    [self.methodChannel invokeMethod:@"naCallFlutter" arguments:@"na method 参数" result:^(id  _Nullable result) {
        NSLog(@"na->flutter method callback %@ ", result);
    }];

在NA侧FlutterEventChannel 接收和发送stream流通过协议FlutterStreamHandler进行的,可以方便的进行NA->flutter方向的数据发送,但是从flutter给NA发送呢数据流,dart侧没有提供api。通过StreamController应该是可行的,它的继承关系如下自StreamController<StreamSink<StreamSink<EventSink,查询dart文档,在EventSink 中有

/**
   * Adds a data [event] to the sink.
   *
   * Must not be called on a closed sink.
   */
  void add(T event);

不过没有试验成功从flutter数据流到NA侧,在dart侧是可以内部发送数据流的。

Android侧实现

1 创建channel

 // 创建massageChannel
     BasicMessageChannel channel = new BasicMessageChannel(registrar.messenger(), "flutter_message_plugin", StringCodec.INSTANCE );
      channel.setMessageHandler(new BasicMessageChannel.MessageHandler() {
      @java.lang.Override
      public void onMessage(java.lang.Object object, BasicMessageChannel.Reply reply) {  //flutter发送消息到平台测
        Log.i("BasicMessageChannel", "接收到Flutter的消息:" + object);
      }
    });
    channel.send("发送消息到Flutter");
  // 创建methodChannel
        new MethodChannel(getFlutterView(), "samples.flutter.io/battery").setMethodCallHandler(
          // 直接 new MethodChannel,然后设置一个Callback来处理Flutter端调用
                new MethodCallHandler() {
                    @Override
                    public void onMethodCall(MethodCall call, Result result) {
                        // 在这个回调里处理从Flutter来的调用
                        if (call.method.equals("getBatteryLevel")) {
                            int batteryLevel = getBatteryLevel();
                            //result是给Flutter的返回值
                            if (batteryLevel != -1) {
                                result.success(batteryLevel);
                            } else {
                                result.error("UNAVAILABLE", "Battery level not available.", null);
                            }     
                          }
                        } else {
                          result.notImplemented();
                        }
                    }
                });
    
    // 创建eventChannel 代理方法里处理stream流 delegate设置为self
    new EventChannel(getFlutterView(), "samples.flutter.io/charging").setStreamHandler(
        new StreamHandler() {
          // 接收电池广播的BroadcastReceiver。
          private BroadcastReceiver chargingStateChangeReceiver;
          @Override
         // 这个onListen是Flutter端开始监听这个channel时的回调,第二个参数 EventSink是用来传数据的载体。
          public void onListen(Object arguments, EventSink events) {
            chargingStateChangeReceiver = createChargingStateChangeReceiver(events);
            registerReceiver(
                chargingStateChangeReceiver, new IntentFilter(Intent.ACTION_BATTERY_CHANGED));
          }

          @Override
          public void onCancel(Object arguments) {
            // 对面不再接收
            unregisterReceiver(chargingStateChangeReceiver);
            chargingStateChangeReceiver = null;
          }
        }
    );

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,734评论 6 505
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,931评论 3 394
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,133评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,532评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,585评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,462评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,262评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,153评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,587评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,792评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,919评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,635评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,237评论 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,855评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,983评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,048评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,864评论 2 354

推荐阅读更多精彩内容