实践课堂|QingCloud 移动控制台使用技巧及移动开发经验



  • 主持人:今天最后一个分享主题是QingCloud移动控制台,陈洋钧是我们深圳Office的工程师,如果认识靠谱的移动端工程师也可以介绍给我们。

    实践课堂深圳站陈洋钧.jpg
    陈洋钧:我是QingCloud移动工程师陈洋钧,今天给大家分享的是QingCloud移动控制台的使用以及开发经验。分享在前半部分会介绍产品开发背景,后半部分会给大家演示产品的功能。今天最重要的事情是我们经过几个月的努力,终于发布了安卓1.0版本以及我们会同步更新iOS2.1版本,如果有用户感兴趣会在PPT最后一页扫二维码进行下载和体验。

    故事从2014年说起。我们收到一个用户的工单说有没有手机端的控制系统,当时很可惜,如果用户想要在手上做操作必须登陆浏览器输入账号操作。随着移动互联网的深入,很多产品进入我们的生活和工作中,比如针对企业级内部员工沟通的产品,也有商贸公司经销层,现在有针对社交招聘的产品,这些都上了移动客户端。我们开始考虑Mobile的控制端可以带来什么,可以做成什么样子的。我们在市场上找类似的产品,很可惜,当时在云计算里竟然没有一个像样的产品能够供我们借鉴,于是我们开始自己思索。

    设想场景1,手机给用户最大的方便是及时性以及没空间的限制。告警通知,用户在QingCloud上有自己新建的主机,这台主机绑定了CPU的使用量大于90%的告警,当这台主机运行超过90%的时候,手机会收到一条样的通知,告诉用户您的主机CPU使用率离超过90%,用户可以明显的看到这台主机的使用量将近100%。对于线上的人来说,采取紧急措施是把后台主机关机。只要在APP里选中主机,关闭主机,这个场景就完成了。

    设想场景2,用户的账户有余额,当我们余额不足时会有一段时间保留资源,为了避免欠费,用户要及时充值,假如用户马上要欠费,手机第一时间会收到欠费的通知,它会告诉你要及时充值。当你打开这条通知后,第一眼会看到手机APP上显示你的余额,这个场景有点特殊。当你余额不足时,用户需要马上充值,点击充值按钮,可以在线上完成充值。

    基于这两个场景,我们做了Mobile控制台。2015年,我们推出iOS 1.0版本,功能包括主要资源展现,包括线上很多主要的资源(主机、硬盘、公网IP、路由器等);消息通知(告警、欠费、工单、消息中心);资源监控(CPU使用率、硬盘使用率、IOPS、流量等);消费余额、工单系统。这是我们去年1.0的样子,(左图)主机列表,用户可以看到当前区域所有主机的基本信息、基本情况,单击一个主机进入主机详情,这一页是属性,下面有监控、备份、告警。单击页切可以看到对应的内容。

    我们做完后发现这个东西还不错,至少当时没有哪一家厂商做成这样,都觉得挺好的。直到有一天,用户提了另一个工单。用户说“我想在主机列表看到CPU使用率”,我们开始思索用户的场景,在原图中,我们看到的是这些基本的信息,而且这些信息可能不会变。你创建了这台Windows Server,这些信息一般不会变,为什么用户要看到CPU使用率,可能用户不太关心基本不变的东西,他更关心的主机运营的状况,目前这个设计并不是最佳的,我们展现给用户的东西并不是最佳的状态。操作起来不够方便,在这个场景中,用户看到这台机器的状态,必须单击机器里,切换到监控栏才能看到他想要的,这样很麻烦。基于这样的缺陷,我们改良1.0版本,产生了2.0。

    在2.0中,我们做的第一件事是提供更加动态的资源列表,更加直观的资源详情,除了资源的展现,我们支持资源的启动,停止、删除、备份甚至是资源之间的绑定。我们在新版本提供指纹解锁、子账户绑定。

    现在为大家展现功能,这是我们的APP,打开APP,打开第一个界面是总览,可以看到用户的全局信息,比如余额、每日消费情况、所有区域监控告警、欠费资源以及工单。点击余额可以看到用户在这几个区域的消费情况,公网、硬盘、主机。同时可以看到监控告警,这里有两条,一是主机内存使用率、磁盘使用率、CPU五使用率。LB平均并发数少于4000个,这是我设置的。单击告警会进入主机界面,点击工单,用户可以在工单系统上察看原来提供的工单,也可以新建,右上角是新建工单。这是我之前提交的。在工单里可以看到我们工程师的回复以及你在这条工单所上传的附件,点击附件。在工单中涉及的资源ID,用户可以方便的点击蓝色的ID资源。

    区域,这是针对每个区的预览,点击1区,可以看到亚太1区当前每个资源的消费金额以及配额的情况。这是本区域的监控告警和欠费资源。最上面是一个动态信息,类似于朋友圈,里面有多类信息,包括操作日志、我们发出的故障通知、全局告警信息、工单。点击任何一个资源都可以进入相应的详情。这个界面主要给用户总体状况,知道他的资源发生了什么事情。向右滑动可以看到导航页,目前支持15类模块。常用的主机网络、存储、数据库、缓存、子账户等等。

    我为大家演示主机这一块。我们改良了主机列表的设计,添加这台主机的监控数据,每一类的资源监控不一样,比如公网IP是流量,用户关心当前CPU的使用率、内存和硬盘。右边是关于这台主机更详尽的信息。我让用户不需要点进去,切到监控看到他想要的东西,而是一目了然得到他想要的信息。在界面中,除了大家看到的东西,我同样能操作。点击右上角进入编辑状态,我停掉这台主机,主机会被关机,我现在重启它,选择下面的启动,它在启动中。除了常用的重启等操作,我同样可以进行绑定和解绑。比如这台主机绑定了公网IP,我现在让它解绑,点击右下角“更多”,这里有一些对资源的操作,我们认为最重要的东西,现在我选择解绑。这是解绑的界面,上面是你需要解绑的资源,下面是刚才看到的主机,我现在解网公网IP,把下面这一台主机拖到闪烁的框里,把已绑定的公网IP拖到右边就可以解绑了。同样我可以把它绑定回来,回退到主机界面可以发现,这台主机剩下基础网络的IP,没有公网IP。同样的操作,把它重新绑定,它现在在绑定。绑定成功,能看到这里多一条公网IP。

    展示资源详情,点击进去后,可以明显的看到上面是这台主机所绑定的其他资源,包括公网IP以及之前绑定的防火墙、SSH密钥以及它所在的私有网络。这样的设计为了直观,大家脑子里不需要思考它跟什么东西绑定在一起,我的切换也很简单,我要看刚才的公网IP是什么状况,点击右上角的图标,可以看到公网IP的带宽和流量。下面是关于这台主机的基本属性、最新的监控以及最新的告警。可以发现这一版的设计和之前1.0的设计完全不一样,这样做的好处是我们把用户需要的最新的放在一个页面,一目了然。如果你需要看详情,比如监控,我可以切换到监控状态,按它的周期切换。看一天的,看两周、一个月的。这是监控数据,下面是时间。

    这就是我为大家展示的DEMO。下面我会谈谈开发的经验。用移动的思想去设计产品,移动手机的APP有它的优劣,不要按照Web的设计思考移动端的交互和设计。需求源于用户但胜于用户,用户提交工单往往是一个需求点,我们要做的事情是把一个需求点铺成一个面,做成惊艳的产品。不要造轮子,我们会借鉴很多第三方的轮子,但这些不一定能满足我们的需求,我们会改进它,造轮子是费力不讨好,浪费大量的时间和精力。模块和控件组件化,我们有15项功能,工作量很大。如何减少工作量,让开发效率更高,把所有模块和UI组件忽,就像搭积木一样,很快就出来了。有兴趣的同学可以扫描二维码,左图是安卓下载地址,中间是苹果的,右图是招聘广告。在大家下载的过程中,可以提出问题或是建议。

    提问:请回到APP的主页面。主页上是ID定义,而不是计算机定义的。我本身是做产品的,我是客户,我第一个页面无法知道这个主机是哪一台,比如我有Win7、XP、Linux等系统,ID的产生没有规则,通过主机命名会更高,这是我的建议。

    陈洋钧:这个建议特别好,是我们马上要做的。



  • 扫码下载安卓、iPhone 移动控制台
    1.pic.jpg


登录后回复
 

与 青云QingCloud 社区 的连接断开,我们正在尝试重连,请耐心等待