React.js本地移动应用程序与React.js Hbbtv应用程序之间的通信

Question

你能解释一下电视中的Hbbtv React应用程序和React本地的移动应用程序之间如何建立连接吗？我在中实现了SSDP客户端，以查找SSDP服务器(应该在电视上实现)。然后接收该服务器的IP地址(如拨号架构中的IP地址)。服务器还创建WebSocket服务器。此服务器应该启动用React.js编写的Hbbtv应用程序。现在我可以通过这个服务器从Mobile发送消息到Hbbtv React，但是我不知道如何在我的电视上实现这种SSDP+WebSocket服务器。

Answer 1

这个项目https://github.com/fraunhoferfokus/cordova-plugin-hbbtv提供了一个很好的例子，可以回答您的问题。它是一个用于Android的cordova插件，但它为您提供了如何实现框架客户端的概述，比如Reacti原住民。https://github.com/fraunhoferfokus/cordova-plugin-hbbtv-helloapp/中的Hello应用程序提供了一个使用插件在电视上发现和启动的示例。

HbbTV应用程序是使用React.js等网络技术开发的，并使用WebSocket与运行在HbbTV终端上的本地WebSocket服务器建立连接。此文件夹https://github.com/fraunhoferfokus/cordova-plugin-hbbtv-helloapp/tree/master/www提供了一个使用CS功能的简单HbbTV应用程序的示例。您可以将其作为react.js的参考。您需要跟踪的主要文件是https://github.com/fraunhoferfokus/cordova-plugin-hbbtv-helloapp/blob/master/www/js/cs-app.js。我希望这能帮上忙。

Answer 2

为了成功地进行通信，Companion屏幕应用程序应该与HbbTV终端(电视机)位于同一个家庭网络上。

终端(电视机)实现服务器，提供为客户端提供Websocket协议服务器端的端点(终端和Companion屏幕应用程序上的HbbTV应用程序)。

一旦终端(电视机)上的HbbTV应用程序调用了HbbTVCSManager嵌入式对象的getApp2AppLocalBaseURL()方法，服务器就能够接受连接，直到应用程序退出为止。请参阅：https://developer.hbbtv.org/references/apis/defined-javascript-apis/companion-screen-discovery-apis/

终端(电视机)以ETSI TS 102 796标准第14.5.3条中定义的方式处理来自客户端(HbbTV应用程序和Companion屏幕应用程序)的连接请求，并应用ETSI TS 102 796标准第14.5.4条中定义的配对规则来确定是否对来自两个客户端的连接。然后，它充当中继，如ETSI TS 102 796标准第14.5.5条所定义，以便在配对的两个客户端连接之间中继消息。

简而言之，终端(电视机)上的HbbTV应用程序连接到终端(TV )上的服务器，连接进入等待状态。此时，Companion屏幕应用程序应该连接到终端上的服务器，并且连接进入等待状态。终端(电视机)应按照下列规定对两个等待连接：

application).

• The一个等待连接应位于本地服务端点(因此推断来自应用程序客户端)。
• --另一个等待连接应位于远程服务端点上(因此推断为来自远程客户端，例如在客户端握手请求中使用的资源名称的Companion Screen
• app端点部分在两个等待连接之间必须匹配。

这种“策略”应该会给你想要的结果。