Flutter语法检测及原理剖析-FAIR语法检测实践

前言

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。

Fair是58技术开源的一个Flutter动态化的框架，能够实现UI和逻辑的动态化。

开发者在使用Fair开发过程中存在一些痛点，比如可能会出现使用语法糖不正确或者存在不支持的语法糖问题，所以我们需要一个配套插件去提示用户使用Fair语法糖。

一、Flutter语法检测机制

在IDE中，Flutter语法检测机制是依赖Dart/Flutter插件实现的，即我们在开发Flutter前需要下载的Dart/Flutter插件。我们需要通过插件去提供Flutter的开发环境，同时插件也能提供语法检测功能。而插件其中的一个核心功能就是Analysis Server。

Analysis Server是什么？

Analysis Server是Dart SDK提供的一个Dart/Flutter语法分析服务，主要功能包括语法静态分析、代码提示、代码补全等。我们常用的Dart/Flutter IDE如intellij、Android Studio和VS Code都是通过安装Dart插件实现Dart开发环境的配置。

Dart/Flutter插件语法检测的工作流程

以Android Studio为例（因为对应插件的语言是Java，比较好阅读和理解），语法检测核心是Analysis Server，每当用户代码有改动的时候，就会通过Socket的方式同步给Analysis Server，当Analysis Server分析结束后也会将分析结果返回来，Dart插件则就是根据Analysis Server返的事件类型去做不同的处理，最终将结果刷新在用户IDE界面上。流程图如下：

Dart插件中Analysis Server的启动流程

当用户配置完Dart SDK路径后，插件会获取到配置路径，在插件启动的时候会启动一个进程去执行Dart SDK里的dart可执行文件，同时也会获取到Dart SDK目录下的"/bin/snapshots/analysis_server.dart.snapshot"文件，并将其路径作为vmArguments。我们可以看一小段代码：

//获取配置的SDK路径
mySdkHome = sdk.getHomePath();

//找到dart可执行文件的路径
final String runtimePath = FileUtil.toSystemDependentName(DartSdkUtil.getDartExePath(sdk));

//找到analysis_server.dart.snapshot文件路径
String analysisServerPath = FileUtil.toSystemDependentName(mySdkHome + "/bin/snapshots/analysis_server.dart.snapshot");

//拼凑vmArguments
String firstArgument = useDartLangServerCall ? "language-server" : analysisServerPath;

//创建Socket
myServerSocket =
        new StdioServerSocket(runtimePath, StringUtil.split(vmArgsRaw, " "), firstArgument, StringUtil.split(serverArgsRaw, " ")