FFD
鹰脉前端微应用开发工具

背景
由于鹰脉系统采用了微前端架构
结合主应用的子应用开发调试 成了日常开发中的难题
为此,FFD 应运而生
FFD 采用 chrome 扩展 的形式
通过修改子应用加载地址的方式,实现了在线加载开发应用的目的
简化了调试流程,提高了前端开发的效率,方便了各环境下的开发调试
下载
安装
从chrome 的菜单中打开 “扩展程序” ,菜单 => 扩展程序 => 管理扩展程序
或者直接打开 chrome://extensions/

打开“开发者模式”

点击 “加载未打包的扩展程序”,加载刚才下载并解压的程序目录

或者,拖动已下载的zip文件到该页面,直接安装

安装完成

在工具栏中,点击“扩展程序”,在菜单中,让FFD常驻工具栏

如图

使用
在鹰脉相关网站,点击 ffd 图标,打开程序界面
点击“对该网站启用”

启用完成,会显示 “子应用名称”和“加载地址”
如果遇到没有加载出规则列表的情况,请手动点击 “加载原始规则”

修改子应用的加载地址
右侧“生效”开关处于开启状态,代表启用该条规则

一旦修改规则变化,页面就会重新刷新,加载对应地址的子应用
控制台输出相关log,便于查看页面当前适用的规则

v1.2.0 增加切换新框架的按钮,用来切换加载子应用的模式

Token获取工具
使用token获取工具,方便开发时获取token

FAQ
Q:为什么子应用加载报错
可能的原因:
- chrome安装了 uBlock 等广告拦截插件,导致子应用无法加载,尤其是localhost域名下的加载
- 子应用的环境配置与主应用的配置有冲突。请确保各应用的环境配置一致
Q:安装插件导致系统加载报错等问题,如何解决
可以在插件界面,点击“清除所有数据”,删除网站和插件的数据

