熟识JS的同学，可能会嗤之以鼻，在N年前就一经用上热重载了，关联词对客户端开辟东谈主员来说，险些是福音。

那先来看下Flutter官方的界说：

粗拙来说，便是通过将修改后的源代码文献注入到正在运行的 Dart 捏造机来杀青，注入之后， Flutter 会自动再行构建 widget 树。

轨范猿在刀耕火种的期间，开辟调试是这情势的：

当情势不大，东谈主数未几的情况下，画面口舌常融合的，着力亦然不消置疑的高效。但执行是，在大公司，情势经常很大，编译巨慢无比，同期开辟东谈主员浩荡，有着相当严格的进程轨制，导致看起来本莫得问题的开辟调试进程，变得格外的糟糕，裁汰了个体的着力，这里强调下，指的是个体的着力，个东谈主合计越是完善的进程体系，对个体的遏抑经常越强，但从团队的角度去看待着力，一定是能 1+ 1 大于 2 的。

而此时的神色是这情势的：

[[424264]]

而有了热重载，开辟调试是这情势的：

神色也就成这情势的：

[[424266]]

从热重载界说来看，不少东谈主脑子里蹦出不少跟我同样的猜疑：

同期在广博使用热重载的过程中，也会遭遇不少如此这般的猜疑：

当你在网上看过多数热重载著述后，又生息了非凡的问题：

不急，本文会对上述疑问进行逐个解答。

由于Flutter经受dart四肢开辟讲话，咱们先从dart角度来考据下热重载。

商量到dart履行完会关闭面前进度，咱们写了个定时器来保证进度存活，同期能看到热重载着力。

结尾下履行 dart --enable-vm-service main.dart，其中的main.dart为2.1中代码文献：

不错看到结尾会连续输出"Hello JDFlutter"的字符。

咱们将main.dart文献中打印日记修改为”Hello JD”，同期掀开结尾输出的Observatory邻接地址，如下：

找到咱们main.dart的Isolate(读者不错粗拙衔尾为是dart中的线程，只不外Isolate莫得分享内存)，图中红圈部分，插足后找到Reload Source：

点击Reload Source后，结尾来源输出”Hello JD”的字符，完成了一次热重载过程，如下图：

还所以上头为例子基础例子，咱们加入文献监听，何况通过发送音问给vm_service来杀青热重载，代码如下：

成功运行 dart --enable-vm-service main.dart，期间修改”Hello JDFlutter”为”Hello JD”，运行结尾如下：

不错看出，咱们得胜杀青了自动化热重载，上述代码跟Dart捏造机通讯门径如下：

到这里，大众不错放飞自我，Dart Service提供了多数对外条约，包含断点、获得捏造机现象，性能等条约，不错参考：Dart捏造机业绩接口。

Flutter的热重载，本体是在封装dart热重载何况对不同的培植启动装配加载等进程，接下来准备好在Flutter源码寰宇里翱翔吧，以下分析基于v1.22.5分支的源码。

俗语说，工欲善其事必先利其器，在源码翱翔深化，容易漆黑，找不到东西南朔，看到要害按序，又不知谈是不是代码实在的case，需要能考据咱们的想法，最粗拙的成见打断点，有针对性的去看源码。

Flutter源码的下载也很粗拙，这里就不赘述了，大众不错上网搜下。Flutter用具链的源码位于packages/flutter_tools下。

本文是通过Android Studio(比较熟)来建设和检察源码，建设如下：

一顿建设下来，就不错用用具链竣工的debug指定Flutter工程的源码，接下来便是选好培植，点击debug按钮，如下图：

以下是Flutter热重载进程图：

简述为：

通盘这个词过程并莫得让App重启，从而达到高效开辟调试着力。

咱们从flutter run高唱为进口分析，类位于packages/flutter_tools/lib/executable.dart中的main()按序，run高唱最终杀青类位于packages/flutter_tools/lib/src/commands/run.dart。

RunCommand在构造函数中默许开启了hot象征，如果需要关闭，要新增入参--no-hot。

从run高唱的进程，不错看出，主若是作念了默许参数培植，参数校验，flutter培植开动，模式判断等，热重载是从HotRunner.run中来源履行。

在HotRunner中，进程也并不复杂：

不错看出，HotRunner作念了三件事：

第二步会触及到不同平台不同作念法，对iOS和Android来说，隔离对应xcrun和adb，不是本文重心，进程也比较长，以后有契机再张开讲，重心说第一步和第三步。

编译生成dill文献

最终调用到_compile按序，代码太过于繁琐，咱们成功断点看，如下：

从断点信息不错获知，dart文献会被转为kernel文献app.dill，以下截取部分app.dill内容，不错看出app.dill是一份完整的代码文献，包含了main.dart的内容，右边为main.dart源文献，左边为app.dill文献内容：

 皇冠信用平台出租

生成的app.dill是一份全量的代码，接下来编译不同培植(Android、iOS)的装配包，同期运行指定的包。

此时生成app.dill的进度，咱们暂且称为“编译进度”，后续热重载增量的dill，亦然驱动该进度生成。

attach培植

在上述的第二步，培植在启动运行App时，会掀开App中DartVM的Observatory业绩，本体是一个websocket业绩，按照自界说的jsonrpc2.0条约进行通讯，在attach时，贯通过URI衔尾上培植业绩，如下图：

皇冠体育

连上DartVM业绩后，会注册几个热重载事件：reloadSources，reloadMethod，hotRestart，这几个事件并不是注册到App中的Dart捏造机，而是提供给flutter tool其他高唱使用，如下图：

同期通过DartVM业绩，来开动培植中flutter居品，培植中居品旅途是临时生成，用XXX代替，居品旅途为：

具体代码如下：

底下隔离从源码角度，望望到底作念了什么?

开辟者在履行flutter run大概flutter attach后，在结尾中输入r，即可体验到重载着力，如果在Android Studio和VSCode中，成功Ctrl+S大概Cmd+S即可。

对应到源码进口：

非论是HotReload如故HotRestart，最终都是调用HotRunner.restart按序，一都跟进，最终会到某个具体培植update按序，并再次调用上述《热重载进程-初次启动》中的_compile按序，见知编译进度生成增量的dill文献app.dill.incremental.dill。那这个增量文献到底是什么呢?demo中修改字符串"Flutter Demo Home Page"为"Flutter Demo Home Page2"，来望望dill文献内容：

C罗在22-23赛季沙特联赛进行之中加盟了利雅得胜利，客观来说，他需要一段调整期。但是今年夏天到目前为止的几场热身赛，C罗的总体表现是平淡的，他没有对比赛产生太大影响，很多属于他的标志性画面都不见了。C罗尝试过几次踩单车和磕球过人，但都没有太大的意义。

第一张图为修改前，第二种为修改后，第三张为增量的dill内容。不错看出增量的dill文献仅包含改换的dart文献代码。

生成增量的dill后，贯通过_DevFSHttpWriter写入培植，如下图：

当同步完增量文献，临了还需要见知DartVM去刷新UI界面，这个门径就跟咱们上述的2.4节内容肖似：

vmService.reloadSources最终调用了_call按序，这是一个dart官方库，如下：

Flutter官方提供两种快速调试按序，一种是HotReload，另一种是HotRestart。前者无感知局部刷新，体验最佳，关联词毛病也很光显，适用比较局限，不错参考官网给出样例：HotReload，主要有这几种场景不适用：

而在HotRestart进程中，比较HotReload进程，增多了捣毁资源操作，同期不再生成增量的dill文献，每次改换都是生玉成量的app.dill文献，该细节就不张开，感酷好读者不错debug源码看。

上述不错看出HotRestart非凡措置了一些事情，包括杀掉非UI的isolate，重置UI的isolate等。

关于dill文献同步到培植中位置，不同培植不同样：

至此，热重载源码就告一段落，好多奇技淫巧并不成逐个展现，值得大众动手去望望。

经过上述一顿探索，著述最早冷漠的几个疑问，想必都有了谜底。这里仅仅先容了Flutter源码的冰山一角，更多源码还需要链接探索，通过阅读源码，可作念的事情好多：

总之，可作念的事情好多，那咱们看源码的意旨就相当了了：