wsst 是一个轻量级的 WebSocket 软件包，用于在前端浏览器或服务器端 Node.js 上实现客户端-服务器之间的实时通信。在这篇文章中，我们将深入探讨如何使用 wsst 包来实现 WebSocket 通信。
安装和引入
首先，我们要通过 npm 包管理器来安装 wsst 包。打开终端并键入以下命令：
--- ------- ---- ------
一旦安装完成，我们可以使用以下语句将 wsst 包引入到我们的代码中。
----- --------- - ---------------
创建一个 WebSocket 服务器
在本节中，我们将创建一个基本的 WebSocket 服务器。首先，我们需要创建一个新的 WebSocket 实例并使用 server 方法将其实例化为服务器。以下是代码示例。
----- --------- - ---------------
----- ------ - --- ------------------ ----- ---- --
----------------------- -------- -- -
-- -------
-------------------- --------- -- -
--------------------
--
-- ----
------------------ ------- -- -
--------------------
--
-- ----
------------------ -- -- -
----------------------- --------
--
--以上代码会在本地端口 8080 上启动一个 WebSocket 服务器，并在有新的连接时打印收到的消息。每当连接断开时，服务器也会打印 “Connection closed”.
创建一个 WebSocket 客户端
在本节中，我们将讨论如何创建一个基本的 WebSocket 客户端来与服务器进行通信。在这个例子中，我们将使用浏览器中内置的 WebSocket 实例来完成客户端的创建。
----- ------ - --- -------------------------------- ------------- - -- -- - ----------------------- -------- - -------------- - ------- -- - ------------------------ -------- ------ - ---------------- - ------- -- - -------------------- ----------- ----------- - -------------- - -- -- - ----------------------- -------- -
以上代码将创建一个 WebSocket 客户端，并与本地端口 8080 上的服务器进行通信。连接成功后，连接成功插入 onopen 函数。与服务器通信时，我们可以将消息发送到服务器或接收从服务器发送的消息。
使用 WebSocket 实现实时通信
在本节中，我们将探讨如何使用 WebSocket 实现实时通信。假设我们正在构建一个聊天应用程序，需要在所有连接的客户端之间实时更新聊天消息。以下是实现此目标的代码示例。
服务器端
----- --------- - ---------------
----- ------ - --- ------------------ ----- ---- --
----- ------- - --- -----
----------------------- -------- -- -
-------------------
-------------------- --------- -- -
-- -------------
------------------------ -- -
-- ------------------ --- --------------- -
--------------------
-
--
--
-- ----
------------------ ------- -- -
--------------------
--
-- ----
------------------ -- -- -
----------------------
----------------------- --------
--
--以上代码为 WebSocket 服务器实现了广播功能。通过使用 Set 对象来存储所有已连接的客户端，我们无需单独追踪每个客户端，就可以将新的消息广播给其他所有客户端。
客户端
在客户端，我们只需要将消息发送到服务器，服务器将负责将其广播到已连接的客户端。以下是示例代码：
----- ------ - --- -------------------------------- ------------- - -- -- - ----------------------- -------- - -------------- - ------- -- - ------------------------ -------- ------ - ---------------- - ------- -- - -------------------- ----------- ----------- - -------------- - -- -- - ----------------------- -------- - -- ---- ----- ----------- - --------- -- - -------------------- -
以上代码将为来自该客户端的所有消息打印输出。我们可以使用 sendMessage() 函数来向服务器发送新消息。
结论
wsst 包是一个出色的 WebSocket 实现，可轻松构建具有实时通信能力的应用程序。在本文中，我们介绍了如何创建 WebSocket 服务器和客户端，并深入研究了如何使用 WebSocket 实现实时通信。
希望这篇文章能够为您的 WebSocket 开发提供帮助！
参考文献
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600671188dd3466f61ffe754