微服务架构的整体愿景是允许应用程序连接不同的所谓"后端"服务,然后,组合应用程序开发的目标是使不同的"后端"能够被一个漂亮的UI"包装"。
这里描述了一个简单的5步过程,淘客猪,为POST服务开发和部署UI5。特别适用于到目前为止只涉及或专注于后端服务的开发人员,需要快速演示避免邮递员或非用户友好界面的能力。yo easy-ui5:
当我在CF上部署了我的第一个"推荐引擎"时(请参阅…了解一些技术细节),很明显使用POSTMAN或CURL
并不容易证明引擎的"智能",而且需要一个UI。多痛苦啊:我从来没有用UI5实现过!好吧,大数据信息,不劳而获:我接受了挑战,开始学习UI5。
幸运的是,网上有大量的资料可以学习UI5;
不幸的是,网上有大量的资料可以学习UI5!
对于如何攀登我面前的知识之山,我非常绝望,我相信Marius(I)Obert的声明"在几秒钟内创建你的第一个OpenUI5应用程序!"我的第一个UI5在几秒钟内就安装好了!
就这样!我的cf上的cf第一个UI已启动并运行!难以置信的工作量,第二条命令行:UI5节点.js下载并正确安装框架,创建一个框架(但仍在运行)应用程序并使其适应您设置的环境,还可以使用DevOps友好的SAP MultiApps框架自动部署。太棒了。
2。添加表单
此时开始真正的工作:添加您自己的"表单"。在以前的HTML时代,这只是
的一部分,通常会导致一个带有按钮的空字段,当单击按钮时,内容就会被发布到页面上提交.cgi最终会对它做些什么,并将一些东西返回给用户,但是使用easy-ui5提供的ui5框架!事实上,通过编辑
并在标记
中插入以下行可以很容易地实现:
请同时确保名称空间"form"被适当地定义。
非常简单!然而,在这一点上,什么是等同于提交.cgi?
3. 修改mta.yaml公司
yo easy-ui5生成器创建mta.yaml公司需要目的地托管服务。
必须根据:
4进行修改。修改xs-应用程序.json
yo easy-ui5 generator创建xs-应用程序.json它指定了如何处理默认路由。
在我们的应用程序中,我们希望UI从起始页开始交付,但是POST必须在mybackend上完成。为了实现这一点,我们将确保在形式上的张贴是针对/目的地/提交.cgi并将使用路径的/目的地/部分作为选择不同路线的"信号"。
这是通过简单地在xs中为路线添加以下内容来完成的-应用程序.json:
非常小心:如果你颠倒顺序(例如。如果你保持原样并附加源代码…httpMethods行),那么你的端点将永远无法到达,数据可视化大屏,你将得到一个405错误。
5。控制器/主视图.控制器.js
如果此时我们要部署应用程序,大数据应用技术,它看起来会很好,但不会做任何事情,我们需要指示它在用户单击按钮时要做什么。这种"连接"是在控制器中完成的。
众所周知,UI5允许使用模型-视图-控制器-面向对象模式,在我们的应用程序中,到目前为止,我们主要使用视图(表单)而不是控制器来执行操作。这就是现在需要做的。
yo easy-ui5 generator创建一个控制器/主视图.控制器.js但是它需要填充内容。
这是您需要的…
您可以注意到,现在当用户在文本区域输入一些文本,然后按下按钮时,内容被发送到/目的地/提交.cgi就是这样路由器将结果解释为转发到dest\u mytest,然后通过相应地设置id为"result"的元素将结果返回给用户。
结论
就是这样!如果您现在简单地重复上述命令,整个管道将被执行,您的UI5将启动并运行,并为客户提供一个人类可以理解的端点。
如果由于某些原因,您收到奇怪的错误消息,返利机器人,例如"Unsupported resource type""for platform type"CLOUD-FOUNDRY,那么您可能想要
我真的希望这样材料将为您节省大量时间,特别是第一次您将不得不为任何REST服务创建一个简单的UI。
源代码https://github.com/lucatoldo/5-simple-steps-to-wrap-a-rest-service-with-a-nice-ui5.git网站