在前端开发中，Socket.IO 是一种流行的库，用于在客户端和服务器之间建立实时双向通信。在 Socket.IO 连接时，有时需要传递一些自定义参数给服务器，这些参数可能包含用户身份信息、房间号等等。本文将介绍如何使用 Socket.IO 传递自定义参数，并提供示例代码帮助你更好地理解。
Socket.IO 连接时传递参数的方法
在 Socket.IO 中，可以使用 .connect() 方法来建立与服务器的连接。该方法可以接收一个对象参数，其中可以定义一些与连接相关的属性。例如：
const socket = io.connect('http://example.com', {
query: {
room: 'testRoom'
}
});在上述代码中，我们传递了一个包含属性 query 的对象。query 属性是用于在连接时传递参数的。在本例中，我们传递了 room 参数，并将其值设为 testRoom。
这种方法可以将任何自定义参数传递给服务器。在服务器端，可以通过 socket.handshake.query 访问这些参数，例如：
io.on('connection', (socket) => {
console.log(`User connected to room ${socket.handshake.query.room}`);
// ...
});当客户端连接成功时，服务器会输出类似下面的内容：
User connected to room testRoom
通过这种方式，我们可以在连接时将自定义参数传递给服务器，并在服务器端进行相应的处理。
示例代码
下面是一个完整的示例，包括客户端和服务器端的代码。在本例中，我们将用户的昵称作为自定义参数传递给服务器，服务器会记录每个连接的用户昵称，并将其广播给所有连接的客户端。
客户端代码
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
---------------- ---------------
------- ------------------------------------------------------------
-------
------
------ ----------- ------------- ------------------ ---- ----------
------- ------------------ ---- -------------
---- --------------------
--------
----- ------ - ------------------------------------
----- ------------- - ------------------------------------
----- ------- - ------------------------------------
----- -------- - ------------------------------------
--- -------- - ---
--------------------------------- -- -- -
-------- - --------------------
-- ---------- -
----------------
------ -
--------- --------
-
---
-
---
-------------------- -- -- -
---------------------- ---- --- ---------------
---
------------------------ ------ -- -
----- ------- - ----------------- ------ --- ------
-----------------------
---
---------------------- ------ -- -
----- ------- - ----------------- ---- --- ------
-----------------------
---
------------------------- ------ -- -
----- ------- - ------------------- -----------------
-----------------------
---
-------- ---------------------- -
----- - - ----------------------------
------------- - --------
------------------------
-
---------
-------
-------服务器端代码
-- -------------------- ---- -------
----- -- - ---------------------------
------------------- -------- -- -
---------------- ---------- ---- -- ---------------
----------------------- -- -- -
----------------------- ---- -- ------------ ---------
-------------------- -
--------- ---------------
---
---
------------------------- ------ -- -
----------------------- -
--------- ----------------
-------- ------------
---
---
------------------ ------- -- -
------------------------- ---- -- ------------ ------ ---- --------
---------------------
---
-- ----------------------- -- -------------------------------- -
--------------- - --------------------------------
----------------------- ---- -- ------------- --------- ---------------------
---------------------- -
--------- ---------------
---
-
---总结
在 Socket.IO 连接时传递自定义参数是一个常用的操作。通过使用 connect() 方法和 query 属性，可以方便地将自定义参数传递给服务器。本文提供了一个完整的示例代码，希望能帮助你更好地理解这个过程。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64675602968c7c53b07ba911