Kitematic是一个 Docker GUI 工具,它可以在 Mac 和Windows上更快速、更简单的运行Docker。Docker官方表示,Kitematic是其生态系统中成长起来的一个非常棒的项目。
Kitematic简化了安装本地Docker环境并提供一个GUI来pull、 build 和run容器。如果你还没有试过,你可以下载Kitematic 试用下。
Kitematic的主要目标是与DockerCLI彼此协作并且提供两者之间无缝对接体验。例如,一个用户可能运行下面的命令在Docker客户端启动一个容器:docker run hello-world ,并且在Kitematic观察结果,反之亦然。进一步说,我们的目标是与其他Docker工具一起开箱即用,如Docker Compose。
举个例子,如果我们通过命令行删除一个容器,Kitematic将立即反映这种变化:
Kitematic完全用JavaScript编写的。在考虑不同的架构设计和框架之后,我们最终的架构灵感来自Facebook的Flux。Kitematic的总体架构如下图所示:
Stores:真实数据的来源并且需要逻辑来管理这些数据。
Components:在React中执行,负责stores中数据的呈现和捕捉用户输入的数据。
Actions:Docker Remote API中通过组件或事件之间的交互产生的中间对象。Actions将被stores处理并导致应用数据的改变。
Utils:这不是一个标准Flux实现的一部分,但是通过actions与外部服务进行交互。例如,Kitematic 有一个DockerUtil对象与Docker Engine Remote API进行交互。
当一个容器通过客户端被删除,将会发生以下情况:
Docker Engine产生destroy event
这个事件反过来触发一个容器destroyed action
Subscribing to container actions,ContainerStore,负责存储容器数据,从它内部的容器列表更新删除破坏掉的容器数据。
UI组件负责列表容器,ContainerList组件相应的重新呈现。
让我们深入不同部分的代码库来了解一下是怎么实现的,下文我们做了简化。
使用dockerode库,监听Docker Remote API很简单。在这种情况下,如果一个事件接收到状态遭到破坏,就会创建一个动作通知相关stores更新其内部数据:
![]
ContainerStore对象执行一个处理任何破坏掉的容器操作,更新其内部数据,通知所有监听组件重新呈现。
Kitematic中的高级Containers React组件监听ContainerStore发出的更新,在这种情况下,当ContainerStore发出更新,负责呈现容器的简单列表的ContainerList也随着更新的容器数据呈现。
![]
ContainerList.react.js
![]
回顾一下,这篇文章解释了Kitematic 如何通过DockerCLI或任何集成Docker Engine.的工具,利用Docker Remote API、 React 和Flux 来实现实时更新。记得现在就下载Kitematic试用并反馈给我们。(本文编译自Docker博客)