UE4插件Remote Contro lWeb Interface使用教程

对于UE4程序与外部网页交互问题，UE4提供了Remote Control Web Interface插件，使用这个插件可轻松实现UE4与Web端的双向通信，其特性如下：

可将网页控件绑定到远程属性；

1. 双向通信网络套接字服务器与通信；

2. 兼容REST；

3. HTML/CSS/JavaScript/React框架；

4. 支持的浏览器：Chrome、Firefox、Safari；

5. 支持的开发平台：Win64、Mac；

6. 支持的目标构建平台：Win64、Mac；

7. 支持台式机与iPad分辨率。

具体的官方文档介绍链接如下：

网页控制快速入门：

https://docs.unrealengine.com/en-US/ProductionPipelines/ScriptingAndAutomation/WebControl/QuickStart/index.html

网页控制API HTTP参考：

https://docs.unrealengine.com/en-US/ProductionPipelines/ScriptingAndAutomation/WebControl/Endpoints/index.html

网页控制API WebSocket参考：

https://docs.unrealengine.com/en-US/ProductionPipelines/ScriptingAndAutomation/WebControl/RemoteControlAPIWebsocketReference/index.html

网页控制预设HTTP参考：

https://docs.unrealengine.com/en-US/ProductionPipelines/ScriptingAndAutomation/WebControl/RemoteControlPresetHTTPReference/index.html

下面来介绍下如何实现UE4程序与网页的交互的一个Demo：

1. 首先在要测试的机器上安装在node.js版本8或更高版本；

2.任意新建一个UE4工程（UE4版本得是4.26以上）；

3.在在“Plugins”窗口中，在“Messaging”类别中找到“Remote Control API”和”Remote Control Web Interface”插件。选中其启用复选框；

4.在UE4工程中新建一个Remote Control Preset，这个是为了向Web远程控制API公开属性；

5.在刚创建的UE4场景中选中环境平行光源，然后双击打开上一步创建的Remote Control Preset

6.选中的光源的属性列表如下，点选显示Rotation

Remote Control Preset界面如下（Edit Mode勾选确认是否在编辑模式下生效）

（1）本机打开Chrome浏览器，输入http://localhost:7000/，（这个端口配置可在UE4中Projectsetting/Plugins/Remote Control WebInterface 设置端口号），回车运行后看到如下界面

保存响应的设置显示如下，这三个表盘分贝代表light的x、y、z的旋转，划动表盘，相应的UE4工程中的平行光源也会相应旋转。

以上就是使用UE4插件Remote Contro lWeb Interface的全部教程，3DCAT提供强大的图形实时渲染计算服务，平台配备弹性GPU资源集群，支持自动负载均衡和伸缩扩容，支持海量用户同时安全访问应用，让任意设备，随时随地访问在线三维应用。

3DCAT实时渲染云平台通过提供专业的技术服务，帮助用户实现相关产品及工艺降本增效。3DCAT实时渲染云平台已经和英伟达、平行云、Unity、Unreal Eengine等国内外知名企业达成合作伙伴关系。目前，3D实时渲染云平台已在工业仿真、智慧园区、医疗仿真、游戏试玩、汽车仿真、建筑工程等虚拟仿真和数字孪生相关应用领域提供专业的技术服务。

更多ue4相关资讯请点击：https://www.3dcat.live/news/ue4

本文《UE4插件Remote Contro lWeb Interface使用教程》内容由3DCAT实时渲染解决方案提供商整理发布，如需转载，请注明出处及链接：https://www.3dcat.live/news/ue4-plug-in