Flutter引擎源码分析(二) - channel原生通信

最新推荐文章于 2024-08-23 22:09:33 发布
最新推荐文章于 2024-08-23 22:09:33 发布
阅读量5.5k 收藏
点赞数 1
分类专栏： Flutter引擎原理 文章标签： flutter xcode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42431419/article/details/125466278
版权
本文深入探讨Flutter引擎源码，重点分析Xcode编译过程及Flutter与原生应用间的通信方式。通过Xcode调试，揭示MethodChannel的实现细节，包括编码器、信使和回调的配置，以及C++层的消息处理。文章揭示了channel通信的四个block嵌套设计，并推测信使可能为Flutter引擎本身。
摘要由CSDN通过智能技术生成

Flutter引擎源码分析(一) - 编译调试

一、Xcode编译干了什么

在这里插入图片描述

cd flutter存放路径/flutter/packages/flutter_tools/bin && vim
xcode_backend.sh

在这里插入图片描述

vim xcode_backend.dart

在这里插入图片描述

在这里插入图片描述

其实主要就是干了一件事，编译App

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

根据目标架构不同，对应格各自的framework

在这里插入图片描述

读取bitcode配置

在这里插入图片描述

如果是app集成flutter module的方式，执行脚本 把引擎拷贝到app中去,也就是上一步获取到的framework 下查找引擎

在这里插入图片描述

flutter 命令解释器执行命令 参数

在这里插入图片描述

似乎遗漏了什么 …

在这里插入图片描述

Bingo! 😊 源码配置 要做的就是根据环境变量配置上源码引擎路径

在这里插入图片描述

equivalent of RunCommand pushd “${project_path}”
执行命令 通过引擎 选择合适的目标架构，生成目标文件，然后同步到相应的目录中

二、通过符号调试flutter engine

（一）MethodChanndel

1. 首先需要少量的代码配置

flutter端

在这里插入图片描述

ios端

在这里插入图片描述

在这里插入图片描述

2. 通过xcode运行起来，进入调试

下符号

在这里插入图片描述

c过断点

在这里插入图片描述

可以看出 FlutterMethodChannel 初始化默认生成一个编码器
继续符号

在这里插入图片描述

定位到一个关键结点

在这里插入图片描述

三个赋值操作， name， messenger(信使，可以理解为传递消息的人)，codec(编码器) , 存储到channel中

3. channel 设置回调

继续符号 setMethodCallHandler:

在这里插入图片描述

此时变得有点意思，为什么如此设计 不由得发出哲学三连问

  • 这段代码究竟是什么？(只知道是个set)
  • 如此设置的缘由是什么？
  • 解决什么问题？
3.1 推敲复杂的4个block嵌套

在这里插入图片描述

handler - ①

messageHandler - ②

callback - ③

^(id result){} - ④

在这里插入图片描述

执行序列为 ② ① ④ ③ 有点反直觉

4个callback 貌似什么也没说，没关系，知道这里这么个设计就成，后面会有映照, 编上号也为了准确地描述以下部分

继续符号 setMessageHandlerOnChannel:binaryMessageHandler:

3.2 犹抱琵琶 - 引擎engine

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

最终到 c++部分 - message_handlers_ 通过 字符串key存储 handler, 回调的时候通过key再取出来执行

4. 根据下符号调试，messenger通过engine设置

FlutterBinaryMessageHandler

在这里插入图片描述

在这里插入图片描述

调试期间，最终追踪到engine，会不会engine本身就是实现了信使协议的信使？ 需通过flutter端进一步验证

三、 flutter与原生之间的通信猜测+分析

原生与flutter之间通信其实就是C++层面的数据通信，两种高级语言之间的耦合部分一定是往下层走，oc/swift/flutter 底层都是c++，从ios借助flutter引擎源码调试，handler的设置也是到c++，其实就很明显了

回到上面提到的4个回调嵌套，原生与flutter能够相互通信，其实就是这4个block的嵌套设计

在这里插入图片描述

信使可能就是engine

Flutter引擎源码分析(一) - 编译调试

i_erlich
关注
专栏目录
Flutter引擎源码解读 - 内存管理篇
foxsofter的专栏
05-07 514
摘要 本文主要是对 Flutter 引擎中的内存管理相关的源码进行解读，Flutter 引擎核心代码大都是用 C++ 写的，内存管理主要是引用计数，结合C++语言本身的灵活性，以很少的代码实现了类似于Objective-C语言的ARC的内存管理能力。 开始之前 C++代码中一般会遇到很多宏，我们要理解这些宏的意义还是需要参考其背后的源码，在内存模型相关的源码中遇到的宏，开篇之前我们先做个简单的介绍...
Flutter引擎源码分析(一) - 编译调试
coding不死，也未曾凋零
06-26 6676
下载引擎代码 Chromium提供的部署工具 depot_tools 套件包含许多git工作流增强工具，通过这些工具可以协同工作，任何人都可以熟练地处理Chromium的代码库 github配置SSH brew 安装 ant工具 brew 安装 ninja 下载引擎 如果已有engine源码，但是版本不一致，通过配置 sync来解决 编译引擎代码 ninja 构建 真机debug版本 真机release版本 模拟器版本 创建一个flutter项目，运行 xcode启动ios项目 - Runner......
Flutter 调用原生
最新发布
weixin_53963450的博客
08-23 576
有些时候，例如原生组件需要回调到 Flutter 中，需要在原生代码中调用 Flutter 的函数。方法还是通过建立 Channel 对象，为 channel 设置 MethodCallHandler，再在原生代码中通过同名 channel 的 invokeMethod 调用即可。每个 channel 都可以处理多个方法的调用，在 handler 对象中根据方法名做分发即可。在 Flutter 中调用原生代码，需要在原生代码中创建一个。Android 端需要在恰当的时机获取到。
Flutter Engine 绘制流程源码解析
weixin_42730336的博客
06-19 996
如果只看Flutter Engine里的关键绘制流程，其实并不复杂，就是一系列的Skia API调用。为了提高绘制效率，最理想的方式是找出相邻两帧的差异，只重绘差异的区域，所以加了layer层的设计，通过比较两个layer tree的不同来确定有差异的区域，然后调用SkCanvas::clipRect裁剪出这块区域，配合SkCanvas::quickReject做快速裁剪测试，从而确定哪些layer需要重绘，提高绘制性能。
Flutter Engine源码粗看
华溢澄的专栏
04-23 2765
io.flutter.embedding.android.FlutterActivity（如无特殊说明，下文中的FlutterActivity单指此包下的类。）重写了android.app.Activity中的onCreate方法： @Override protected void onCreate(@Nullable Bundle savedInstanceState) { //... setContentView(createFlutterView()); /
flutter 绘制源码解析
a611510的博客
04-14 1638
@protected void drawFrame() { //看上一章节 pipelineOwner.flushLayout(); //开始合成 pipelineOwner.flushCompositingBits(); //开始绘制 pipelineOwner.flushPaint(); if (sendFramesToEngine) { renderView.compositeFrame(); // this sends the bits to the GPU pip.
flutter engine 源码编译之iOS
qq_32873193的博客
03-09 461
切换 engine 制定版本 2.0.2 (2.5.3 d3ea636dc5d16b56819f3266241e1f708979c233)--------- 真机只需要执行下面的,然后合并 armv7 arm64架构 --------initWithPrecompiledDartBundle 创建 project。------- 所有环境列表 -------------iOS release版本 arm64。iOS arm优化release版本。
一张图理解Flutter中Dart与原生环境通信
joye123的博客
09-05 2381
一张图理解Flutter中Dart与原生环境通信 Flutter中提供了Dart与原生环境通信的机制Platform Channels。通过该机制可以扩展Flutter，实现调用原生系统Api的能力。官方介绍图如下： [外链图片转存失败(img-oseSHSo7-1567675716216)(https://flutter.dev/images/PlatformChannels.png)] 那么F...
Flutter快学快用24讲--21 原生通信：应用原生平台交互扩充 Flutter 基础能力
g_z_q_的博客
03-22 551
本课时核心是介绍了如何在 Flutter 中与原生平台进行通信，从而扩充 Flutter 基础功能，这部分还是需要有一定的原生编程能力。在掌握通信机制后，也顺便介绍了如何创建 Flutter plugin ，从而将多平台代码作为插件进行开发，而在 Flutter 端屏蔽多终端的问题。学完本课时以后，需要掌握 Flutter 与原生平台的通信方式，并且了解 Flutter plugin 的开发过程。
Flutter 笔记 | Flutter 核心原理（二）关键类和启动流程
川峰的博客
05-30 923
Flutter中的关键类Widget、Element、BuildContext 和 RenderObject，Flutter中的启动流程，Flutter中的根节点构建流程，Flutter中的首诊渲染流程，Flutter中的渲染管线，Flutter中的关键类Widget、Element、BuildContext 和 RenderObject，Flutter中的启动流程，Flutter中的根节点构建流程，Flutter中的首诊渲染流程，Flutter中的渲染管线，Flutter中的关键类Widget、Eleme
Android 集成 Flutter 及通信交互详解
...
01-28 4903
欢迎大家关注【跨平台开发那些事】公众号，定期推送跨平台开发技术实践。 前不久开源了用Flutter开发的一个音视频类App客户端，欢迎大家star, fork。 ⚠️ 项目地址：https://github.com/songxiaoliang/visitor-flutter ⚠️ 本篇博客涉及的源码全部开源在Github，地址：https://github.com/songxiao...
wechat_flutter Flutter版本微信，一个优秀的Flutter即时通讯IM开源库！
05-21
wechat_flutter是flutter版微信，目前已实现即时通讯基本功能，支持安卓和IOS，具体下载体验。
Flutter 笔记 | Flutter Native 插件开发 (Android)
川峰的博客
05-20 2142
BasicMessageChannel、 MethodChannel、 EventChannel是开发者和 Flutter Framework 进行通信的接口，它们的底层通信都是通过 messenger 字段所持有的BinaryMessenger接口来实现的。Platform view 允许将原生视图嵌入到 Flutter 应用中，所以您可以通过 Dart 将变换、裁剪和不透明度等效果应用到原生视图。 Flutter 支持两种集成模式：虚拟显示模式 (Virtual displays) 和混合集成模式 (
Flutter源码剖析(一):源码获取与构建
苟不利包子
11-01 1598
概述 本文介绍了Flutter源码的获取与构建，后面会另有文章介绍Flutter源码的版本管理、开发环境搭建等主题。准备工作 Flutter源码分为两个部分：flutter/flutte...
flutter-flutter与原生通信的几种channel介绍
IT技术专栏
08-29 1766
几种channel 之间的区别 BasicMessageChannel： 通过异步传递message与平台进行通信 /// A named channel for communicating with platform plugins using asynchronous /// message passing. EventChannel： 通过流的方式与平台进行通信 /// A named ...
什么，你还不了解Flutter Platform Channel原理？
chenhui0822的博客
05-11 553
前言 我们知道Flutter中通过Platform Channel实现Flutter和原生端的数据传递，那么这些数据是怎么传递的，传递的过程都做了哪些操作，本文将以Android为例带大家一起了解Platform Channel的工作原理。 Flutter定义了三种不同类型的Channel，分别是 BasicMessageChannel：用于传递字符串和半结构化的数据; MethodChannel：用于传递方法调用； EventChannel：用于数据流的通信； 本文以MethodChannel为例带大
Finish FlutterActivity 源码解析
SimpleCoder's Blog
02-15 1261
开篇声明:本篇文章不算是新手向的东西,你需要对于 flutter 和 android 本身有一定的了解 文章原因 为啥要写这个文章呢 最近有 qq 群的同学询问如何在关闭界面后在 service 中执行 dart 代码 我当时的理解就是 flutter 是依附于 activity 存在的,但是这部分并没有任何实际支撑 所以我抱着好奇的想法去跟了一下 engine 部分的源码 flutter eng...
flutter即时通讯！撸了郭霖大神写的Framework源码笔记，含爱奇艺，小米，腾讯，阿里
Sunbuyi的博客
01-28 287
前言 近几年，Android 开发的套路日趋成熟，越来越多的 Android 工程师获得了「高级」的称号，也有不少人在参与公司的 App 从无到有再到火爆的整个开发过程中，顺理成章地拿到了 Leader 职位。 但对于自己的水平，多数人却并不满意，甚至有不少人觉得自己的水平被同事和老板「高估」了。 市场真正需要的所谓「高级架构师师」到底需要具备什么条件？我将通过本文，跟大家探讨一下 Android 工程师在当下这个时代的痛点和脱颖而出之路 搭建知识框架很重要 我们在学技术的时候，如果没有注重搭建知识框架的话
从架构到源码：一文了解Flutter渲染机制
阿里云开发者
08-14 2448
简介：Flutter从本质上来讲还是一个UI框架，它解决的是一套代码在多端渲染的问题。在渲染管线的设计上更加精简，加上自建渲染引擎，相比ReactNative、Weex以及WebView等方案，具有更好的性能体验。本文将从架构和源码的角度详细分析Flutter渲染机制的设计与实现。较长，同学们可收藏后再看。写在前面跨平台技术由于其一码多端的生产力提升而表现出巨大的生命力，从早期的Hybrid App到ReactNative/Weex、小程序/快应用，再到现在的Flutter，跨平台技术一直在解决效率问题的基
Flutter热更新探索：源码分析(上)
作者通过分析Flutter源码，尝试找出恢复或替代热更新的方法。 首先，AndroidManifest.xml文件默认配置了应用的启动类为FlutterApplication，这是一个继承自Android系统的Application类的自定义类。在Flutter...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值