Android与Flutter之间的通讯,8年Android程序员解析，一看就懂

时间  2019-12-06
标签 android flutter 之间 通讯 8年 程序员 解析 一看 栏目 Android 繁體版
原文   原文链接

一、架构概述

消息经过平台通道在native(host)与flutter(client)之间传递，以下图所示：数组

为了确保用户界面可以正确响应，消息都是以异步的方式进行传递。不管是native向flutter发送消息，仍是flutter向native发送消息。bash

在flutter中，MethodChannel能够发送与方法调用相对应的消息。在native平台上，MethodChannel在Android能够接收方法调用并返回结果。这些类能够帮助咱们用不多的代码就能开发平台插件。网络

二、平台通道数据类型支持和编解码器

平台通道可使用提供的编解码器对消息进行编解码，这些编解码器支持简单相似JSON的值的高效二进制序列化，例如布尔值，数字，字符串，字节缓冲区以及这些的列表和映射。当你发送和接收值时，会自动对这些值进行序列化和反序列化。架构

下表显示了如何在平台端接收Dart值，反之亦然：less

关于编解码器，Android端提供了如下四种。异步

  • **BinaryCodec：**是最简单的一种编解码器，其返回值类型与入参的类型相同，均为二进制格式（ByteBuffer）。因为BinaryCodec在编解码过程当中什么都没作，只是原封不动的将二进制数据返回。因此传递的数据在编解码时会免于拷贝，这种方式在传递的数据量比较大时颇有用。好比从Android侧传入一张图片到Flutter侧显示。
  • **StandardMessageCodec：**是BasicMessageChannel的默认编解码器，支持基础数据类型、列表及字典等。在编码时会先将数据写入到ByteArrayOutputStream流中，而后再将该流中的数据写入到ByteBuffer中。在解码时，直接从ByteBuffer中读取数据。
  • **StandardMethodCodec：**是基于StandardMessageCodec的封装。是MethodChannel与EventChannel的默认编解码器。
  • **StringCodec：**是用于字符串与二进制数据之间的编解码，其编码格式为UTF-8。在编码时会将String转成byte数组，而后再将该数组写入到ByteBuffer中。在解码时，直接从ByteBuffer中读取数据
  • **JSONMessageCodec：**内部调用StringCodec来实现编解码。
  • **JSONMethodCodec：**基于JSONMessageCodec的封装。能够在MethodChannel与EventChannel中使用。

ByteBuffer是Nio中的一个类，顾名思义——就是一块存储字节的区域。它有两个实现类——DirectByteBuffer与HeapByteBuffer，DirectByteBuffer是直接在内存中开辟了一块区域来存储数据，而HeapByteBuffer是在JVM堆中开辟一块区域来存储数据，因此要想数据在DirectByteBuffer中与HeapByteBuffer互通，就须要进行一次拷贝。ide

三、通讯方式

前面讲了Android与flutter通讯的一些基础知识，下面就进入正题，来看Android如何与flutter进行通讯。ui

Android与Flutter之间的通讯共有四种实现方式。this

  1. 因为在初始化flutter页面时会传递一个字符串——route，所以咱们就能够拿route来作文章，传递本身想要传递的数据。该种方式仅支持单向数据传递且数据类型只能为字符串，无返回值。
  2. 经过EventChannel来实现，EventChannel仅支持数据单向传递，无返回值。
  3. 经过MethodChannel来实现，MethodChannel支持数据双向传递，有返回值。
  4. 经过BasicMessageChannel来实现，BasicMessageChannel支持数据双向传递，有返回值。

下面就来看一下这几种方式的使用。编码

3.一、初始化时传值

主要是利用了建立flutter页面传递的route来作文章，笔者认为该种方式属于取巧，但仍是能够用来传递数据。它的使用很简单，代码以下。

首先来看Android代码。

//第三个参数能够换成咱们想要字符串。

FlutterView flutterView = Flutter.createView(this, getLifecycle(), "route");
复制代码

在flutter中，咱们只须要经过下面代码来获取值便可。

void main() => runApp(MyApp(
      initParams: window.defaultRouteName,
    ));

class MyApp extends StatelessWidget {
  final String initParams;//既是前面传递的值——route

  MyApp({Key key, @required this.initParams}) : super(key: key);

  @override
  Widget build(BuildContext context) {...}
}
复制代码

经过该种方式就能够在初始化flutter时，Android给flutter传递数据。因为runApp仅会调用一次，因此该种方式只能传递一次数据且数据只能是字符串。

使用window的相关API须要导入包dart:ui

3.二、EventChannel

EventChannel是一种native向flutter发送数据的单向通讯方式，flutter没法返回任何数据给native。主要用于native向flutter发送手机电量变化、网络链接变化、陀螺仪、传感器等。它的使用方式以下。

首先来看Android代码。

public class EventChannelPlugin implements EventChannel.StreamHandler {

    private static final String TAG = EventChannelPlugin.class.getSimpleName();
    private EventChannel.EventSink eventSink;
    private Activity activity;

    static EventChannelPlugin registerWith(FlutterView flutterView) {
        EventChannelPlugin plugin = new EventChannelPlugin(flutterView);
        new EventChannel(flutterView, "EventChannelPlugin").setStreamHandler(plugin);
        return plugin;

    }

    private EventChannelPlugin(FlutterView flutterView) {
        this.activity = (Activity) flutterView.getContext();
    }

    void send(Object params) {
        if (eventSink != null) {
            eventSink.success(params);
        }
    }

    void sendError(String str1, String str2, Object params) {
        if (eventSink != null) {
            eventSink.error(str1, str2, params);
        }
    }

    void cancel() {
        if (eventSink != null) {
            eventSink.endOfStream();
        }
    }
    //第一个参数为flutter初始化EventChannel时返回的值，仅此一次
    @Override
    public void onListen(Object o, EventChannel.EventSink eventSink) {
        this.eventSink = eventSink;
        Log.i(TAG, "eventSink：" + eventSink);
        Log.i(TAG, "Object：" + o.toString());
        Toast.makeText(activity, "onListen——obj：" + o, Toast.LENGTH_SHORT).show();
    }

    @Override
    public void onCancel(Object o) {
        Log.i(TAG, "onCancel：" + o.toString());
        Toast.makeText(activity, "onCancel——obj：" + o, Toast.LENGTH_SHORT).show();
        this.eventSink = null;
    }
}
复制代码

笔者对Android端代码作了一个简单的封装，仍是很好理解的。下面就来看flutter代码实现。

class _MyHomePageState extends State<MyHomePage> {
  EventChannel _eventChannelPlugin = EventChannel("EventChannelPlugin");
  StreamSubscription _streamSubscription;
  @override
  void initState() {
    _streamSubscription = _eventChannelPlugin
         //["abc", 123, "你好"]对应着Android端onListen方法的第一个参数，可不传值
        .receiveBroadcastStream(["abc", 123, "你好"])
        .listen(_onToDart, onError: _onToDartError, onDone: _onDone);
    super.initState();
  }

  @override
  void dispose() {
    if (_streamSubscription != null) {
      _streamSubscription.cancel();
      _streamSubscription = null;
    }
    super.dispose();
  }
  //native端发送正常数据
  void _onToDart(message) {
    print(message);
  }
  //当native出错时，发送的数据
  void _onToDartError(error) {
    print(error);
  }
  //当native发送数据完成时调用的方法，每一次发送完成就会调用
  void _onDone() {
    print("消息传递完毕");
  }

  @override
  Widget build(BuildContext context) {...}
}
复制代码

上面就是经过EventChannel来进行通讯的代码实现，调用EventChannelPlugin的send方法就能给flutter发送数据。

3.三、MethodChannel

MethodChannel是一种native与flutter之间互相发送数据的通讯方式，顾名思义，经过MethodChannel就能调用native与flutter中相对应的方法，该种方式有返回值。它的使用方式以下。

首先来看Android端的代码实现。

public class MethodChannelPlugin implements MethodChannel.MethodCallHandler {

    private Activity activity;
    private MethodChannel channel;

    public static MethodChannelPlugin registerWith(FlutterView flutterView) {
        MethodChannel channel = new MethodChannel(flutterView, "MethodChannelPlugin");
        MethodChannelPlugin methodChannelPlugin = new MethodChannelPlugin((Activity) flutterView.getContext(), channel);
        channel.setMethodCallHandler(methodChannelPlugin);
        return methodChannelPlugin;
    }

    private MethodChannelPlugin(Activity activity, MethodChannel channel) {
        this.activity = activity;
        this.channel = channel;

    }
    //调用flutter端方法，无返回值
    public void invokeMethod(String method, Object o) {
        channel.invokeMethod(method, o);
    }
    //调用flutter端方法，有返回值
    public void invokeMethod(String method, Object o, MethodChannel.Result result) {
        channel.invokeMethod(method, o, result);
    }

    @Override
    public void onMethodCall(MethodCall methodCall, MethodChannel.Result result) {
        switch (methodCall.method) {
            case "send"://返回的方法名
                //给flutter端的返回值
                result.success("MethodChannelPlugin收到：" + methodCall.arguments);
                Toast.makeText(activity, methodCall.arguments + "", Toast.LENGTH_SHORT).show();
                if (activity instanceof FlutterAppActivity) {
                    ((FlutterAppActivity) activity).showContent(methodCall.arguments);
                }
                break;
            default:
                result.notImplemented();
                break;
        }
    }
}
复制代码

笔者对Android端代码作了一个简单的封装，仍是很好理解的。下面就来看flutter代码实现。

class _MyHomePageState extends State<MyHomePage> {
  MethodChannel _methodChannel = MethodChannel("MethodChannelPlugin");
  @override
  void initState() {
    _methodChannel.setMethodCallHandler((handler) => Future<String>(() {
          print("_methodChannel：${handler}");
          //监听native发送的方法名及参数
          switch (handler.method) {
            case "send":
              _send(handler.arguments);//handler.arguments表示native传递的方法参数
              break;
          }
        }));
    super.initState();
  }
  //native调用的flutter方法
  void _send(arg) {
    setState(() {
      _content = arg;
    });
  }
  String _resultContent = "";

  //flutter调用native的相应方法
  void _sendToNative() {
      Future<String> future =
          _methodChannel.invokeMethod("send", _controller.text);
      future.then((message) {
        setState(() {
           //message是native返回的数据
          _resultContent = "返回值：" + message;
        });
      });
  }

  @override
  Widget build(BuildContext context) {...}
}
复制代码

上面就是经过MethodChannel来进行通讯的代码实现。仍是比较简单的。在Android端使用只须要调用MethodChannelPlugin的invokeMethod方法便可。在flutter端使用只须要参考_sendToNative方法的实现便可。

3.四、BasicMessageChannel

BasicMessageChannel是一种可以在native与flutter之间互相发送消息的通讯方式，它支持数据类型最多，使用范围最广。EventChannel与MethodChannel的应用场景可使用BasicMessageChannel来实现，但BasicMessageChannel的应用场景就不必定可以使用EventChannel与MethodChannel来实现。该方式有返回值。它的使用方式以下。

首先来看Android代码的实现。

//这里支持的数据类型为String。

//这里支持的数据类型为String。
public class BasicMessageChannelPlugin implements BasicMessageChannel.MessageHandler<String> {

    private Activity activity;

    private BasicMessageChannel<String> messageChannel;

    static BasicMessageChannelPlugin registerWith(FlutterView flutterView) {
        return new BasicMessageChannelPlugin(flutterView);
    }

    private BasicMessageChannelPlugin(FlutterView flutterView) {
        this.activity = (Activity) flutterView.getContext();
        this.messageChannel = new BasicMessageChannel<String>(flutterView, "BasicMessageChannelPlugin", StringCodec.INSTANCE);
        messageChannel.setMessageHandler(this);
    }


    @Override
    public void onMessage(String s, BasicMessageChannel.Reply<String> reply) {
        reply.reply("BasicMessageChannelPlugin收到：" + s);
        if (activity instanceof FlutterAppActivity) {
            ((FlutterAppActivity) activity).showContent(s);
        }
    }

    void send(String str, BasicMessageChannel.Reply<String> reply) {
        messageChannel.send(str, reply);
    }
}
复制代码

笔者对Android端代码作了一个简单的封装，仍是很好理解的。下面就来看flutter代码实现。

class _MyHomePageState extends State<MyHomePage> {
  //StringCodec()为编码格式
  BasicMessageChannel<String> _basicMessageChannel =
      BasicMessageChannel("BasicMessageChannelPlugin", StringCodec());


  @override
  void initState() {
    _basicMessageChannel.setMessageHandler((message) => Future<String>(() {
          print(message);
          //message为native传递的数据
          setState(() {
            _content = message;
          });
          //给Android端的返回值
          return "收到Native消息：" + message;
        }));
    _controller = TextEditingController();
    super.initState();
  }

  //向native发送消息
  void _sendToNative() {
      Future<String> future = _basicMessageChannel.send(_controller.text);
      future.then((message) {
        _resultContent = "返回值：" + message;
      });
  }

  @override
  Widget build(BuildContext context) {...}
}
复制代码

上面就是经过BasicMessageChannel来进行通讯的代码实现。在Android端只须要调用BasicMessageChannelPlugin的send方法就能够向flutter发送数据，BasicMessageChannel.Reply是返回值的回调方法。在flutter端使用只须要参考_sendToNative方法的实现便可。

四、通讯原理

从分析Android与Flutter通讯的源码来看，实现仍是比较简单的，都是以ByteBuffer为数据载体，而后经过BinaryMessenger来发送与接收数据。总体设计以下。

从图中能够看出，Android侧与flutter侧采用了相同的设计。前面说过通讯时是异步进行的，那么线程切换在哪？实际上是在系统底层实现的。在Android与Flutter通讯中，系统底层屏蔽了线程切换、数据拷贝等大量复杂操做。使得Android侧与flutter侧能方便的来进行通讯。

在Android侧，BinaryMessenger是一个接口，在FlutterView中实现了该接口，在BinaryMessenger的方法中经过JNI来与系统底层沟通。在Flutter侧，BinaryMessenger是一个类，该类的做用就是与类window沟通，而类window才真正与系统底层沟通。

五、总结

在Android与Flutter混合开发模式下，相互之间通讯的场景确定不会少。了解Android与Flutter之间通讯的各类方式及使用，有助于选用合理的方式来实现。

最后

若是你看到了这里，以为文章写得不错就给个赞呗？若是你以为那里值得改进的，请给我留言。必定会认真查询，修正不足。谢谢。

为何某些人会一直比你优秀，是由于他自己就很优秀还一直在持续努力变得更优秀，而你是否是还在知足于现状心里在窃喜！但愿读到这的您能点个小赞和关注下我，之后还会更新技术干货，谢谢您的支持！

转发分享+关注，天天获取更多资料

Android架构师之路很漫长，一块儿共勉吧！

相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程