V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Mrexamo
V2EX  ›  互联网

Kitematic 和 DockerCLI 如何无缝对接

  •  
  •   Mrexamo · 2015-08-12 16:43:04 +08:00 · 2311 次点击
    这是一个创建于 3391 天前的主题,其中的信息可能已经有所发展或是发生改变。

    介绍

    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将立即反映这种变化:

    alt 文本

    应用程序架构:React 和Flux

    Kitematic完全用JavaScript编写的。在考虑不同的架构设计和框架之后,我们最终的架构灵感来自Facebook的Flux。Kitematic的总体架构如下图所示:

    alt 文本

    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组件相应的重新呈现。

    The Code:Propagating Docker Engine Events to Kitematic GUI

    让我们深入不同部分的代码库来了解一下是怎么实现的,下文我们做了简化。

    1.从Docker Remote API Events触发操作

    使用dockerode库,监听Docker Remote API很简单。在这种情况下,如果一个事件接收到状态遭到破坏,就会创建一个动作通知相关stores更新其内部数据:

    alt 文本

    2.更新Container Store

    ContainerStore对象执行一个处理任何破坏掉的容器操作,更新其内部数据,通知所有监听组件重新呈现。

    alt 文本

    3.在ContainerList React Component触发更新

    Kitematic中的高级Containers React组件监听ContainerStore发出的更新,在这种情况下,当ContainerStore发出更新,负责呈现容器的简单列表的ContainerList也随着更新的容器数据呈现。

    alt 文本

    ContainerList.react.js

    alt 文本

    总结

    回顾一下,这篇文章解释了Kitematic 如何通过DockerCLI或任何集成Docker Engine.的工具,利用Docker Remote API、 React 和Flux 来实现实时更新。记得现在就下载Kitematic试用并反馈给我们。(本文编译自Docker博客)

    时速云 轻量级容器云平台

    2 条回复    2015-08-12 19:13:23 +08:00
    achaocha
        1
    achaocha  
       2015-08-12 17:04:18 +08:00
    好文。
    Mrexamo
        2
    Mrexamo  
    OP
       2015-08-12 19:13:23 +08:00
    @achaocha 谢谢支持,以后会分享更多的纯干货的~
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   956 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 22:39 · PVG 06:39 · LAX 14:39 · JFK 17:39
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.