手机站:/m

云数据库_阿里大数据与人工智能-云ram_速度快

时间:2021-09-08 14:02编辑:淘客樊里来源:淘客樊里当前位置:主页 > 云解析 >

大家好!

在这篇博文中,我们将探讨如何将节点.js应用程序,使用WebSocket的多目标应用程序中的Approuter和SAPUI5应用程序。

这是一个博客系列,淘客论坛,在单独的博客文章中包含以下主题:

在这篇博客文章中,我们将重用以前创建的"em consumer"应用程序的代码。

这个以前创建的应用程序基于SAP HANA并从中重用Academy.

有关其非常清晰的演示教程的更多信息,请参见:

存储库:

SAP HANA Academy的此应用程序的GitHub存储库,请参见:https://github.com/saphanaacademy/em-consumer

如果你想赶上上一篇博客,我们重新使用了这段代码并做了一些调整,您可以在Send AMQP messages from CPI to Enterprise Messaging中找到它,并在节点.jsAMQP应用程序?。

由于本博客将介绍WebSocket的开发和实施,更多信息请参见以下博客:https://blogs.sap.com/2018/01/23/how-to-use-websockets-in-the-cloud-foundry-environment-in-the-sap-cloud-platform/

我们将在这个博客中构建这个多目标应用程序的完整代码,大数据分析软件,可以在以下存储库中找到:https://github.com/vvdries/MtaEmUI5websocket

我将使用SAP Business Application Studio开发此应用程序。如果您想在本地开发,我建议您使用此编辑器或可视化代码。

执行以下步骤来设置和构建您的项目。是时候打开候机楼了!

1. 创建一个名为"MtaEmUI5websocket"的目录。

2。导航到此创建的目录。

3。初始化"Cloud Foundry HTML5应用程序存储库"项目。

将以下配置值传递给它:

您希望如何命名此项目?UI5WebSocket您要使用哪个命名空间?博客您希望在哪个平台上托管应用程序?CloudFoundry HTML5应用程序存储库要使用哪种视图类型?XML格式您想如何命名主视图?错误您的UI5库应该从哪里提供?内容交付网络(SAPUI5)是否要为项目创建新目录?否

4。为您的节点.js你的mta项目内的应用程序,并称之为"NodeWsEm"。

5。导航到此创建目录。

6。在该目录内初始化npm。

按回车键输入所有默认配置参数。

7。创建一个"索引.js"NodeWsEm"目录中的文件。

8。复制粘贴以下代码:

在此代码中,您将看到SAP HANA Academy代码被重用以连接到企业消息传递。一旦消息被创建并发送到队列,我们就会通过这个连接收到通知。在上一篇博客中也实现并测试了这一点。

但是这段代码有一点扩展,以支持和添加WebSocket协议。

WebSocket在这里实现,我们的UI5应用程序稍后将连接到此WebSocket。

这意味着企业消息传递正在通知节点.js应用程序和其中的WebSocketNode app会通知UI5应用。

首先,我们需要安装所需的依赖项/包。运行以下NPM命令来安装这些软件包:

一旦您安装了这些软件包,网站服务器租用,它们将在您的包.json"节点应用程序中的文件。别忘了在这里添加开始脚本。

这段代码与上一篇博客没有太大区别。这里所做的唯一调整是关于WebSocket.

要导入和创建WebSocket,下面的代码已经添加到我们的索引.js文件".

一旦创建了WebSocket服务器,仍应保持与企业消息队列的连接。这是通过以下代码完成的(就像在上一篇博客中一样,也像SAP HANA Academy解释的那样):

通过此代码创建了WebSocket服务器,并建立了企业消息服务的连接。

现在唯一要做的就是设置WebSocket的连接。

这是通过"ws.on公司(‘connection..’,它允许我们监听可以连接到WebSocket的设备。

一旦它们连接,它们将收到消息"嗨,这是回音服务器"。

如您所见流.on('data'"部分已从我们的WebSocket中删除。这样,我们就能够检索WebSocket中的数据(来自企业消息传递服务)。一旦接收到该数据,就通过"套接字发送"功能。这样,所有连接的设备都将接收到传入的企业消息消息。

下一步我们要做的是设置mta.yaml公司"文件正确。并不是说它目前不正确,而是我们需要向它添加节点模块。它与企业消息传递服务一起作为一种资源。我将简要地向您展示您必须添加的重要部分。

节点模块应添加在"模块"部分的"模块"内mta.yaml公司"文件。

使用"NodeWsEm\u api"扩展您的"ui5Websockets"模块。

最后但并非最不重要的是,企业消息服务应作为资源添加到相应的"资源"下。"部分

最后你的"mta.yaml公司文件应该是这样的:

下一个更改将发生在"xs"中-应用程序.json在"approuter"目录中的文件。

添加以下路由到它并启用WebSocket。

最后的更改可以在Error.controller.js错误在你的"webapp/controller"目录下的文件如下所示:

导入"WebSocket"和"MessageToast"控件。

上一篇轻量服务器_和目物联网行业-c13云存储收费_试用

下一篇网站建设_小米摄像物联网概念-头怎么云存储_排行榜

云市场知识本月排行

云市场知识精选