企业运维APP应用开发实践1.docx

PAGE 2 企业运维APP应用开发实践  文章目录： 1. 准备工作 2. 代理 3. 页面框架 4. 获取数据 5. 绘图 6. 自问自答  效果图如下 页面逻辑简要说明： 1. 一共三个 tab，分别为 home，es，zabbix。 2. home 页面有 es，zabbix 的性能指标。 3. es页面可以图形展示搜索的数据。 4. zabbix页面可以图形展示搜索的数据（没有环境所以留空）。 (一) 1. 环境搭建参考：第一篇?1735450 2. es 服务器 因为没有现成的 es 环境再者自己搭建还得往里面填数据，这太难过了，所以通过 shodan 找一个暴露在公网的 es 服务器。 3. 创建一个 APP ionic start myops blank 4. sublime 打开该项目 (二) 1. 搭建代理 虽说 app 里面似乎没有跨域的限制，但是自己在调试的时候还是可能被这个跨域弄得焦头烂额的。 所以可以通过 flask 简单的写一个代理页面，代码如下，如你所见，我把这个暴露在公网的 es 服务器的 IP 写出来，的确有点不道德（大家不要搞破坏呀~数据量这么丰富的还是比较难找的呀）。 这个页面的效果如下。 （三） 1. 页面框架 就如上面的效果图，我们应该需要三个 tab，然后一个 es 性能的模板页面，一个详情模板页面。