首页 > IT基础架构 > 服务器/存储 > Flutter动态化—Fair一站式开发流
来源:58技术
1
前言
Flutter 是 Google 开源的跨平台 UI 框架,其凭借“多端一致”和“渲染性能”上的优势成为越来越多开发者的首选。但随着使用规模加大,为了解决诸多快速迭代的业务产品线及需求,动态化成为了当下亟需解决的问题
Fair是58自研的的动态化框架,通过Fair Compiler工具对原生Dart源文件的自动转化,使项目获得动态更新Widget Tree和State的能力。

近期我们在吸取了开源社区的反馈与建议后,针对开发体验完善了Fair的配套工具建设,下面进入正题
2
项目背景
1. 创建工程,配置依赖
2. 编写Fair代码,手动编译动态化产物
3. 将编译产物手动拷出,通过文件或者网络的方式加载
4. 安装预览效果
如果需要更新动态化产物重新预览效果的话,就要重复234步骤,这样对于上手的过程是极不方便的,我们在开源社区收到的反馈中也有很大一部分是有关基础使用。
研发Fair配套工具链是为了辅助开发者快速上手 Fair开发,提升Fair开发效率,规避Fair不支持的Flutter语法,主要包含三个部分:
我们以dart命令行工具及AS插件的形式提供给开发者使用。
3
流程图
使用流程图如下:

安装 Faircli 命令行工具
dart pub global activate faircli
安装 AS 插件
现在已上传插件市场。可从/Android Studio/Preference/Plugins 搜索 "FairTemplate" 安装。
准备工作完成后,下面进入开发使用流程。
工程分为载体工程及动态化工程。动态化的功能模块需要在动态化工程中开发。载体工程提供 bundle 下载、加载及基础能力支持。
faircli create -n dynamic_project_name
dynamic_project_name: 动态化工程名
faircli create -k carrier -n carrier_project_name
carrier_project_name: 载体工程名


选择代码模板,生成对应的代码文件。

在生成的代码中,进行二次开发。
功能开发完成后,可使用 AS 插件进行一键打包。

打包完成之后,可启动本地热更新服务,进行开发功能预览。

当控制台打印如下信息,表示成功启动本地热更新服务。

运行载体工程,进入开发者选项页面。

输入 host,加载 bundle 列表。选择对应的 bundle,进行功能预览。
手机摇一摇,可触发重新加载功能。

当使用faircli工具配置好本地的热更服务后,在移动设备上打开开发者选项,选择本地模式,输入电脑ip地址,就可以愉快的预览fair动态化效果啦。

4
总结与展望
//
支持我们
欢迎大家使用 Fair,也欢迎大家为我们点亮star
Github地址:https://github.com/wuba/fair
Fair官网:https://fair.58.com
欢迎贡献
通过Issue提交问题,贡献代码请提交Pull Request,管理员将对代码进行审核。
来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/70027824/viewspace-2956173/ ,如需转载,请注明出处,否则将追究法律责任。