umi ui

[sorrycc]

命令

$ umi ui

实现

1. devServer
2. 通讯
3. web

devServer

通讯

web

功能

预计会包含以下功能，但一期先做路由和配置项的管理部分。

• 项目管理
• 路由管理
• 插件管理
• 配置项管理
• mock 数据管理
• dva 数据流管理，包含 model、service、selector、connect 等

路由管理

路由展示

等于是现在 404 页面的一个增强版。

路由增删改

在 ui 层进行文件操作，通过 ws 进行通讯，可服用 webpack-dev-server 启动的 ws server 。

全局布局

可以新增和删除。

404 页面

可以新增和删除。

配置管理

参考

• https://webdash.xyz/
• https://prijs.github.io/pri-docs/project/webui/ 截图
• https://lusaxweb.github.io/vuenut.org/
• rekit studio
• vue ui
• https://github.com/joshwcomeau/guppy

[soda-x]

非常期待！

[sorrycc]

参考：https://github.com/joshwcomeau/guppy

[fi3ework]

如果定位为 404 的增强版就是只在 dev 的时候才能跑，然后通过 umi ui 这样切到 dashboard 对应的路由，能通过 ui 去增删改路由结构，我这样理解对吗
还是说像 vue-ui 和 guppy 一样的任何时候都能打开 dashboard

[sorrycc]

类似 vue-ui 和 guppy 。

[fi3ework]

我这两天在尝试做 umi 的 dashboard，目前是通过 umi ui 调用 umi dev 启动 dashboard 的界面，然后在 createRouteMiddleware 中通过 getRouteConfig 获取项目的路由供界面去请求。

目前已经实现了路由的获取，但是增加和删除这块，我看上面写的是推荐复用 webpack-dev-server，这样的话要去拿到 server 监听的 listeningApp，然后再自定义监听。

想问一下大佬，我目前这个思路是对的吗？

[sorrycc]

@fi3ework 👍，可以先做一个版本出来看下。

[sorrycc]

在 #1415 跟进。