SockJS 是一个基于 WebSockets 协议的 JavaScript 库，它可以在不支持 WebSocket 的浏览器中提供类似于 WebSocket 的双向通信功能。这使得 SockJS 成为创建跨浏览器实时 Web 应用程序的有力工具。
本文将介绍如何使用 Node.js 中的 npm 包 sockjs，并提供一些示例代码来帮助你更好地理解。
安装 sockjs
首先，你需要在你的项目中安装 sockjs。打开终端并输入以下命令：
--- ------- ------
sockjs 将被安装到您的 node_modules 目录中。
创建服务器
接下来，我们需要创建一个 SockJS 服务器。下面是一个简单的示例：
----- ---- - ----------------
----- ------ - ------------------
----- ------ - --------------------
----- --------- - ----------------------
-------------------------- ------ -- -
------------------- ---------- -------------
--------------- --------- -- -
--------------------- -------- -------------
--------------- ----- -------------
---
---------------- -- -- -
------------------- ------------- -------------
---
---
--------------------------------- ------------------
--------------------在此示例中，我们创建了一个 HTTP 服务器和一个 SockJS 服务器。当客户端连接到 SockJS 服务器时，它将打印客户端 ID。当客户端发送消息时，服务器将回显消息并打印它。当客户端断开连接时，它将打印客户端 ID。
请注意，我们在最后一行中使用 server.listen(3000) 开始监听端口 3000。你可以根据需要更改此端口号。
创建客户端
现在，我们需要创建一个 SockJS 客户端来连接到我们的服务器。以下是一个简单的 HTML 文件，其中包含 SockJS 客户端的示例代码：
--------- -----
----- ----------
------
----- ----------------
------------- ---------------
------- -------------------------------------------------------------------
--------
----- ---- - --- -------------------------------------
----------- - -- -- -
----------------------- -------
--
-------------- - --- -- -
--------------------- -------- ------------
--
------------ - -- -- -
----------------------- ---------
--
-------- ------------- -
----- ------- - -----------------------------------------
-------------------
-
---------
-------
------
---------- ------------
------ ----------- ------------ ------------------ - ---------
------- -------------------------------------
-------
-------在此示例中，我们首先加载了 SockJS 库。接下来，我们创建了一个名为 sock 的新 SockJS 对象，并将其连接到我们之前创建的服务器。当连接成功时，它将打印一条消息。每当接收到新消息时，它将在控制台中打印该消息。最后，我们定义了一个名为 sendMessage() 的函数，该函数将用户输入的消息发送到服务器。
总结
本文介绍了如何使用 npm 包 sockjs 创建一个基于 WebSockets 协议的 JavaScript 库，并提供了示例代码以帮助你更好地理解。使用 SockJS 可以使得创建跨浏览器实时 Web 应用程序变得简单易行。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/47418