flutter与后端交互 flutter写后端

flutter与原生交互方法和底层原理分析

1.环境准备， 参考链接

2.添加国内环境配置： 参考链接

3.新建

name: String类型，代表Channel的名字，也是其唯一标识符。

messager：BinaryMessenger类型，代表消息信使，是消息的发送与接收的工具。

codec: MessageCodec类型或MethodCodec类型，代表消息的编解码器。

fluuter中的MessageCodec用于二进制格式数据与基础数据之间的编解码。BasicMessageChannel所使用的编解码器就是MessageCodec。

iOS中，名称为FlutterMessageCodec，是一个协议，定义了两个方法：encode接收一个类型为id的消息，将其编码为NSData类型，而decode接收NSData类型消息，将其解码为id类型数据。

MessageCodec有多种不同的实现：

与MessageCodec不同的是，MethodCodec用于MethodCall对象的编解码，一个MethodCall对象代表一次从Flutter端发起的方法调用。MethodCall有2个成员变量：String类型的method代表需要调用的方法名称，通用类型(Android中为Object，iOS中为id)的arguments代表需要调用的方法入参

由于处理的是方法调用，故相比于MessageCodec，MethodCodec多了对调用结果的处理。当方法调用成功时，使用encodeSuccessEnvelope将result编码为二进制数据，而当方法调用失败时，则使用encodeErrorEnvelope将error的code、message、detail编码为二进制数据

MethodCodec有两种实现：

相关问答

Q1: Flutter 与 Native 的交互

现阶段只做了信息传输

使用的是 BasicMessageChannel

iOS 端

该方法写在中

flutter端

在需要调用的地方执行 sendMessage 以获取reply内容

使用 MethodChannel

iOS端

可以根据不同的消息callback不同的信息

该方法写在中

flutter 端

Q2: flutter_inappbrowser和h5交互

需求，app中使用webview和h5交互，根据h5发过来的消息，在屏幕上展示flutter组件，并且可以发送消息给h5。

首先使用的组件是flutter_WebView_plugin，这个组件不能嵌套flutter组件,所以放弃这个组件。

flutter_inappbrowser 可以实现组合布局, 所以选用了此库, GitHub链接

[

Q3: flutter 与webview (vue)交互

flutter与webview交互

因为web端项目用的是vue框架 按照网上的教程flutter端调用js端方法不管用:

flutter端

web端

后来发现是vue的方法不会暴露给app使用 需要把方法名暴露给window

关于flutter与后端交互和flutter写后端的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。