MESOS-UI介绍:Apache Mesos的另一种前端选择

简介: 本文讲的是MESOS-UI介绍:Apache Mesos的另一种前端选择,【编者的话】Mesos-ui开源啦,有兴趣赶紧试试吧。
本文讲的是MESOS-UI介绍:Apache Mesos的另一种前端选择 【编者的话】Mesos-ui开源啦,有兴趣赶紧试试吧。

今天,我们正式将 mesos-ui 开源 - 这是一个针对Apache Mesos的实时、响应式设计的控制台,使用 React.JS D3 Nodejs Socket.io Google Material UI for React 构建。

作为 Apollo 工作的一部分,我们觉得可以改进Mesos所提供的UI成开箱即用的工具,并且开始将这些想法整合到一起,并完成了一些观点论证。

今天我们将观点论证发布出来,希望能够帮助到社区里的同志们,请帮助我们测试,并报告bug,或者更进一步参与到开发中来。

试一试吧

运行UI的最简单的方法是运行一个Docker容器。可以通过执行下述命令完成(在开发模式):
docker run -p 5000:5000 -p 8000:8000 capgemini/mesos-ui 

该命令会在5000端口启动UI,同时在8000端口启动后台stub(JSON)服务器。stub json服务器使得用户无需运行Mesos集群,就可以尝试UI。当然这样就无法体验任何实时更新,因为stub服务器本质上是静态的。

将UI运行在实时Mesos集群上

如果已经有运行着的Mesos和Marathon,部署UI的最简单的方式是通过Marathon本身。我们在repository里包含了 marathon.json文件 来帮助大家简化配置。

要想在marathon里运行UI,只需要编辑 marathon.json ,并且将 MESOS_ENDPOINT 用Mesos主节点的URL替换,然后执行如下命令:
curl -X POST -HContent-Type:application/json -d @marathon.json http://MARATHON_ENDPOINT:8080/v2/apps

使用Marathon endpoint URL替换 MESOS_ENDPOINT

更多的搭建和运行介绍见 readme文件

如果你发现说明文件的任何问题,请 在GitHub上报告issue

小视频

如下小视频展示如何操作UI来显示任务和应用程序部署以及在集群中扩展时发生的实时更新。 https://youtu.be/bKbOod8Pn4E

贡献

我们期待你的反馈,问题和贡献,来帮助改进web界面。如果你希望参与,如下是我们热切欢迎大家做出贡献的特定领域:
  • 构建出新的dashboard widget
  • 添加自定义主题
  • 帮助我们设计roadmap和dashboard的未来功能

更多的信息,请查看 GitHub repository 或者直接查看 问题列表

原文链接:Introducing mesos-ui: An alternative frontend for Apache Mesos(翻译:崔婧雯 校对:李颖杰)  
===========================
译者介绍
崔婧雯,现就职于IBM,高级软件工程师,负责IBM WebSphere业务流程管理软件的系统测试工作。曾就职于VMware从事桌面虚拟化产品的质量保证工作。对虚拟化,中间件技术,业务流程管理有浓厚的兴趣。

原文发布时间为:2015-10-19
本文作者:崔婧雯 
本文来自云栖社区合作伙伴DockerOne,了解相关信息可以关注DockerOne。
原文标题:MESOS-UI介绍:Apache Mesos的另一种前端选择
目录
相关文章
|
2月前
|
前端开发 编解码 数据格式
浅谈响应式编程在企业级前端应用 UI 开发中的实践
浅谈响应式编程在企业级前端应用 UI 开发中的实践
浅谈响应式编程在企业级前端应用 UI 开发中的实践
|
2月前
|
人工智能 前端开发 搜索推荐
前端UI框架的发展:从混沌到秩序的演变
前端UI框架的发展:从混沌到秩序的演变
|
2月前
|
Ubuntu Java 测试技术
【Linux】一站式教会:Ubuntu(无UI界面)使用apache-jmeter进行压测
【Linux】一站式教会:Ubuntu(无UI界面)使用apache-jmeter进行压测
104 1
|
2月前
|
XML 开发框架 前端开发
浅谈 Angular 和 UI5 这两种前端框架里控件 ID 的设计思路差异
浅谈 Angular 和 UI5 这两种前端框架里控件 ID 的设计思路差异
|
25天前
|
前端开发
Element UI 【实战】纯前端对表格数据进行增删改查(内含弹窗表单、数据校验、时间日期格式)
Element UI 【实战】纯前端对表格数据进行增删改查(内含弹窗表单、数据校验、时间日期格式)
51 6
|
6天前
|
前端开发 API
前端框架与库 - Material-UI组件库
【7月更文挑战第20天】Material-UI 是一个基于 React 的 UI 组件库,它遵循 Google 的 Material Design 设计规范,提供了丰富的预构建组件,极大地简化了前端开发过程。本文将深入浅出地介绍 Material-UI 的常见问题、易错点及如何避免这些问题,并附带代码示例,帮助你更好地掌握 Material-UI 的使用技巧。
前端开发
8 0
|
23天前
|
前端开发
ElementPlus卡片如何能够一行呈四,黑马UI前端布局视频资料,element样式具体的细节无法修改,F12找到那个位置,可能在其他组件写了错误,找到那个位置,围绕着位置解决问题最快了,卡片下边
ElementPlus卡片如何能够一行呈四,黑马UI前端布局视频资料,element样式具体的细节无法修改,F12找到那个位置,可能在其他组件写了错误,找到那个位置,围绕着位置解决问题最快了,卡片下边
|
23天前
|
前端开发
Element UI 表格常用改造(表头添加注释、翻页连续序号【内含前端分页】)
Element UI 表格常用改造(表头添加注释、翻页连续序号【内含前端分页】)
33 0
|
2月前
|
XML 前端开发 JavaScript
前端CSS样式零基础教学总结,UI、前端开发都适用
前端CSS样式零基础教学总结,UI、前端开发都适用

推荐镜像

更多