Skip to content

fizzgate/fizz-frontend-node

Repository files navigation

Fizz网关管理后台系统

Fizz网关管理后台是Fizz Gateway的配套系统,基于Java、Vue开发,提供友好的图形化配置界面,支撑Fizz Gateway的热服务编排、自动授权选择、线上服务脚本编码、在线测试、高性能路由、API审核管理、自定义插件等功能的配置使用。

官网

前端模块项目开发说明

1、fizz管理后台使用 qiankun 进行模块集成

2、module/mysql 为示例代码(使用vue框架),可在其基础上进行修改; 也可以使用react、angular 等其他技术框架开发

3、修改 constants.js 配置文件,主要对下面两个参数进行修改: (1) name: string - 必选,微应用的名称,微应用之间必须确保唯一。 (2) entry: string - 必选,微应用的入口。如 module/mysql 模块地址为 //localhost:1890

var Constant = (function(){
    return {
        aggregate:{
            plugins:{
                mysql:{
                    "name" : "mysqlItem",
                    "entry": "//localhost:1890"
                }
            }
        }
    }
})();

4、注意:注意该项目为webpack打包产物,不能直接启动,可通过nginx进行启动

5、开发步骤:

  • 将除module外的文件,放在nginx后,启动nginx把项目跑起来
  • module/mysql 项目启动起来,操作如下:
    yarn
    yarn run serve
  • 可直接对 module/mysql 项目进行修改,也可参考该示例项目,自定义开发。

6、动态组件需要使用module/mysql中打包命令

    yarn run build

之后进入dist目录中(一定要进入目录中),压缩所有文件,将文件上传到管理后台