Skip to content

FFD

鹰脉前端微应用开发工具

背景

由于鹰脉系统采用了微前端架构

结合主应用的子应用开发调试 成了日常开发中的难题

为此,FFD 应运而生

FFD 采用 chrome 扩展 的形式

通过修改子应用加载地址的方式,实现了在线加载开发应用的目的

简化了调试流程,提高了前端开发的效率,方便了各环境下的开发调试

下载

点击此处下载

安装

从chrome 的菜单中打开 “扩展程序” ,菜单 => 扩展程序 => 管理扩展程序

或者直接打开 chrome://extensions/

打开“开发者模式”

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

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

安装完成

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

如图

使用

在鹰脉相关网站,点击 ffd 图标,打开程序界面

点击“对该网站启用”

启用完成,会显示 “子应用名称”和“加载地址”

如果遇到没有加载出规则列表的情况,请手动点击 “加载原始规则”

修改子应用的加载地址

右侧“生效”开关处于开启状态,代表启用该条规则

一旦修改规则变化,页面就会重新刷新,加载对应地址的子应用

控制台输出相关log,便于查看页面当前适用的规则

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

Token获取工具

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

FAQ

Q:为什么子应用加载报错

可能的原因:

  • chrome安装了 uBlock 等广告拦截插件,导致子应用无法加载,尤其是localhost域名下的加载
  • 子应用的环境配置与主应用的配置有冲突。请确保各应用的环境配置一致

Q:安装插件导致系统加载报错等问题,如何解决

可以在插件界面,点击“清除所有数据”,删除网站和插件的数据

最后更新于: