前言
在现代 Web 开发中，Angular 是一个非常出色的框架。它的模块化和组件化思想，在开发大型 Web 应用时非常实用。但是，对于一些中小型的应用来说，搭建后端服务可能就不划算了。这个时候，你可能会想要使用公共服务器（PubServer）。
@[toc]
PubServer 简介
PubServer 是一个直接在浏览器中运行的服务器。它使用 WebRtc 技术，直接在浏览器外部，通过浏览器的转发，让多个浏览器之间直接通信。它能够让客户端之间直接传输数据，实现互相通信，实现真正的点对点通信，同时支持将游戏等服务直接放到 PubServer 上。
@mediacologne/angular-pubserver-module
@mediacologne/angular-pubserver-module 是一个为 Angular 设计的 PubServer 封装模块。它提供了一个开源的 Angular 库，用于在浏览器端使用 PubServer 来提供多人实时通信功能，该库基于 PubServer，可以方便地添加和管理任意数量的客户端。
安装和使用
首先，你需要将 @mediacologne/angular-pubserver-module 安装到你的项目中：
npm install @mediacologne/angular-pubserver-module --save
这样就可以将该模块添加到你的项目依赖中，然后在主模块中导入：
-- -------------------- ---- -------
------ - ------------- - ---- ----------------------------
------ - -------- - ---- ----------------
------ - ------------ - ---- ------------------
------ - --------------- - ---- -----------------------------------------
-----------
------------- -
------------
--
-------- -
--------------
---------------
--
---------- ---
---------- --------------
--
------ ----- --------- - -在你的组件中就可以使用 @mediacologne/angular-pubserver-module 提供的功能了：
-- -------------------- ---- -------
------------
--------- ---------------
--------- -
---- -----------------
---- -----------------
----
--- ----------- ------- -- ------------ ------- -------
-----
------
---- --------------
------ ----------- ------------------------ ------------------ ----------
------- -------------------------------------
------
------
--
------- --
--------- -
------- --- ----- -----
-------- -----
---------- ------
------- - -----
-
--------- -
----------- ------
----------- -----
-
------ -
-------- -----
---------------- --------------
------------ -------
-
--
--
------ ----- ----------------- -
--------- -------- - ---
----------- ------ - ---
---------- --------- - -----
------------- -
-------------- - --- --------------------- --- -------------------------
-------------------------
-------------------------------------------- ---- -- -
-------------------------------
---
-
------------- -
--------------------- ----- ---------- ----- --------------- ---
--------------- - ---
-
-这个组件实现了一个简单的聊天室。当 PubServer 接收到一条消息时，它会调用 subscribe 中的回调函数，并将消息添加到 messages 数组中。当用户在 input 标签上输入一条消息并点击 Send 按钮时，会调用 sendMessage() 方法，该方法会将输入框中的内容打包到 JSON 中，然后调用 PubServer 的 send() 方法将消息发送到服务器，实现了聊天室的基本功能。
总结
本文介绍了使用 @mediacologne/angular-pubserver-module 模块实现 PubServer 功能的方法。该模块将 PubServer 封装成 Angular 组件，使得在 Angular 中使用 PubServer 变得非常简单。同时，还提供了丰富的 API，可以让开发者更加灵活地使用 PubServer。希望本文能够帮助有需要的读者更好地使用 PubServer。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005597b81e8991b448d7056