美文网首页Flutterios
Flutter Channel实践

Flutter Channel实践

作者: whqfor | 来源:发表于2019-06-12 16:53 被阅读14次

    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;
              }
            }
        );
    
    

    相关文章

      网友评论

        本文标题:Flutter Channel实践

        本文链接:https://www.haomeiwen.com/subject/emglfctx.html