arthas
arthas copied to clipboard
开发全新的Web UI
- 目前有webconsole,本质上还是一个terminal
- 有一个简单的UI: http://127.0.0.1:8563/ui ,但这个只是展示了json结果
需要以现代web方式,构建一个全新的UI,所有的数据结构尽量以更友好的,图形化展示。
简而言之,学生需要先熟悉下arthas的命令,比如
- https://arthas.aliyun.com/doc/sysprop.html
- https://arthas.aliyun.com/doc/watch
可以按命令里的 在线教程 跑一下。
然后看一下这个HTTP API:
- https://arthas.aliyun.com/doc/http-api.html
利用上面的HTTP API,构建出类似下面的UI:
- https://help.aliyun.com/document_detail/300078.html
- 这个UI的的代码在: http://127.0.0.1:8563/ui
https://github.com/alibaba/arthas/tree/master/core/src/main/resources/com/taobao/arthas/core/http/ui
- web console的代码在:
https://github.com/alibaba/arthas/blob/master/core/src/main/resources/com/taobao/arthas/core/http/index.html
web console是基于 xterm实现的,本质上是后端实现了一个web socket的服务器,可以不用关注。
参考:
- https://arthas.aliyun.com/doc/web-console.html
This is your Intranet address, which no one else can access. You can post pictures for others to read.
This is your Intranet address, which no one else can access. You can post pictures for others to read.
Launch arthas, attach to any java process , and visit http://127.0.0.1:8563/ui
https://github.com/alibaba/arthas/pull/1699 我之前整过类似的,看能否基于这个继续优化下
新版本的 Web UI已经合并到主干,欢迎大家试用和提出建议。
下 载: arthas-bin.zip
webconsole
原来的web console, 升级xterm,使用webgl,滚动非常顺滑。
- http://localhost:8563/
![image](https://user-images.githubusercontent.com/1683936/195034524-d5e3e7aa-3708-4730-8210-bb22b6056457.png)
web ui
基于HTTP API的新UI
- http://localhost:8563/ui/
![image](https://user-images.githubusercontent.com/1683936/195032918-44ed859c-58c2-47c3-862c-fcb1d5ed869f.png)