介绍
socket.io-client 是一个支持实时双向通信的 JavaScript 库，可以在客户端浏览器和 Node.js 中使用。它基于 WebSocket 和轮询机制来建立连接，支持事件驱动的编程模型。
本文将介绍 socket.io-client 的安装和基础使用方法，并提供一个简单的示例，帮助读者快速上手并了解该库的基础知识。
安装
要安装 socket.io-client，需要使用 npm 包管理器。在命令行中输入以下命令即可：
npm install socket.io-client
基础用法
连接服务器
首先，我们需要连接到一个 socket.io-server 实例。在客户端代码中，可以使用以下代码：
const io = require('socket.io-client');
const socket = io('http://localhost:3000');其中，http://localhost:3000 是你的服务器地址和端口号。如果你的服务器在别的域名或 IP 地址上，请将其替换为相应的地址。
发送和接收消息
一旦连接成功，我们就可以通过 socket 对象发送和接收数据。例如，我们可以监听服务器发送的 message 事件，并输出服务器发送的消息：
socket.on('message', (data) => {
console.log(data);
});同时，我们也可以向服务器发送消息，例如：
socket.emit('message', 'Hello, server!');断开连接
当不再需要与服务器通信时，我们应该断开连接。可以使用以下代码实现：
socket.disconnect();
示例
下面是一个完整的示例，演示了如何使用 socket.io-client 实现客户端和服务器之间的双向通信。
服务器代码
-- -------------------- ---- -------
----- -- - ---------------------------
------------------- -------- -- -
-------------- ---- ---------- ---------------
-------------------- ------ -- -
-------------------- --------- ----------
---------------------- ------- ----- - -------- ------------
---
----------------------- -- -- -
----------------- ------------- ---------------
---
---客户端代码
-- -------------------- ---- -------
----- -- - ----------------------------
----- ------ - ----------------------------
-------------------- -- -- -
---------------------- -- ------- ---------------
---------------------- ------- ----------
---
-------------------- ------ -- -
------------------
--------------------
---在这个示例中，客户端首先连接到服务器，然后发送一条消息并等待服务器的响应。当收到服务器的响应后，客户端会断开与服务器的连接。在服务器端，当接收到客户端发送的消息后，会输出收到的消息，并将其作为响应发送给客户端。
总结
本文介绍了 socket.io-client 库的安装和基础用法，并提供了一个简单的示例。通过学习本文，读者可以了解如何在客户端使用 socket.io-client 实现实时双向通信，为开发实时应用程序打下基础。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/43600