介绍
@illgrenoble/ngx-remote-desktop 是一个用于远程桌面控制的 npm 包，可以在前端通过浏览器控制远程计算机，实现在不同地点进行实时操作。
该 npm 包基于 Angular 框架构建，并采用了 WebRTC 技术实现远程桌面的传输。它提供了简单易用的 API 接口和丰富的功能，可用于实现远程技术支持、远程办公等需求。
安装
使用 npm 进行安装：
npm install @illgrenoble/ngx-remote-desktop
使用
该 npm 包提供了 ngx-remote-desktop 服务，需要在 Angular 应用中引入 ngx-remote-desktop 服务并注入。
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ----------------------- - ---- ----------------------------------
------------
--------- -----------
--------- -
---- --------------------------
------- -----------------------------
------- ----------------------------
--
--
------ ----- ------------ -
------------------- ------------------------ ------------------------ --
------- -
-------------------------------------
-
------ -
------------------------------------
-
-在模板中，创建一个 div 容器用于显示远程桌面，通过按钮触发 ngx-remote-desktop 服务的 start() 和 stop() 方法，开始和停止远程桌面控制。
配置
在使用 ngx-remote-desktop 之前，需要进行一些配置。
服务器
首先需要设置开启辅助功能的 Windows 计算机，其次需要在此计算机上安装 WebRDP。
Angular
在 Angular 的 app.module.ts 中，需要通过 provideRemoteDesktopConfig() 方法配置远程桌面的一些选项，例如远程计算机的 ip 地址和 port 等。
-- -------------------- ---- -------
------ - -------- - ---- ----------------
------ - ------------- - ---- ----------------------------
------ - ------------ - ---- ------------------
------ - ----------------------- -------------------- -------------------------- - ---- ----------------------------------
-----------
------------- ---------------
-------- --------------- ------------------------
---------- -
----------------------------- -- -
----- ------- ------------------- - --- ----------------------
------------ - ---------------------- -- ----------
------ -------
---
--
---------- ---------------
--
------ ----- --------- --演示
接下来通过代码进行演示远程桌面的开启和停止。
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ----------------------- - ---- ----------------------------------
------------
--------- -----------
--------- -
---- --------------------------
------- -----------------------------
------- ----------------------------
--
--
------ ----- ------------ -
------------------- ------------------------ ------------------------ --
------- -
-------------------------------------
-
------ -
------------------------------------
-
-效果如下：
通过点击开始按钮，可以开启远程桌面控制，然后我们就可以在浏览器中实时地查看远程计算机的桌面。
总结
@illgrenoble/ngx-remote-desktop 是一个功能丰富、易用性高的远程桌面控制 npm 包，它采用了 WebRTC 技术实现远程桌面的传输，并提供了简单易用的 API 接口和丰富的功能，可以满足远程技术支持、远程办公等需求。在使用时需要进行一些配置，但通过本文的介绍，相信读者可以轻松上手。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bc2967216659e244231