简介
不管你是在树立一个谈天运用程序，一个视频共享运用程序，乃至是一个视频会议运用程序，Socket.io在你的客户端之间供给一个衔接，允许他们之间闪电般的数据传输。
它由客户端和服务器端组成，服务器端负责处理不同的衔接和信息分布。你应该知道，Socket.io不是WebSocket，而是树立在其他实时协议上的自定义实时传输协议完结。
本文介绍了Socket.io的基础知识，从设置衔接到将你的客户端与服务器端相连。
什么是WebSocket？
WebSocket是一种网络通信协议，一旦它们之间树立了一个通道，就能够从客户端向服务器端（以及从服务器端向客户端）传输数据。这种衔接一直持续到通道被停止。与HTTPS协议不同，WebSocket允许双向的数据传输。
WebSocket可用于树立任何东西，从实时买卖运用到谈天运用，或简直任何需求高效、实时数据传输的东西。
什么是套接字和Socket.io？
套接字是在网络中的特定点之间完结的衔接。套接字中的衔接一旦创立就会持续存在，直到它被停止。套接字衔接能够是服务器到客户端，客户端到服务器，或许两个客户端或服务器之间。
Socket.io是一个JavaScript库，其作业原理与WebSockets相似。数据传输是经过一个开放的衔接完结的，允许实时数据交换。每个衔接，也被称为套接字，由两部分组成。服务器端和客户端。Socket.io运用Engine.io来完结服务器端与Engine.io-client的客户端衔接。
Socket.io中的数据传输大多是以JSON（JavaScript对象符号）的方法完结的，所以咱们将在本文中运用JSON格式。
装置和设置
因为Socket.io需求服务器端和客户端来完结衔接，咱们将从服务器端开端为两者（服务器和客户端）进行装置，然后再转移到客户端。
服务器端
确保你的系统中现已装置了Node.js和node包管理器（npm）。如果没有，请进入Node.js网站，了解更多关于装置的信息。
在你的指令行中，运转以下指令。
npm install express Socket.io
这将装置必要的依赖性。
下一步是设置咱们的服务器。持续在你的index.js文件中要求Socket.io、Express和HTTP模块，如下所示。咱们将运用HTTP模块来创立咱们的服务器，而不是Express，以便将咱们的服务器轻松传递给Socket.io。
const express = require("express");
const http = require("http");
const socketio = require("socket.io");
const app = express();
const PORT = process.env.PORT || 5000;
const server = http.createServer(app);
io = socketio(server);
server.listen(PORT, () => {
console.log(`server running at port ${PORT}`);
});
如上所示，咱们成功创立了咱们的服务器。咱们能够经过运转以下程序来发动咱们的服务器。
node index.js
咱们的服务器应该在5000端口发动和运转。注意，咱们的服务器被传递给了Socket.io。
客户端
关于客户端的设置，让咱们把Socket.io脚本导入咱们的index.html文件中。
<script src="/socket.io/socket.io.js"></script>
持续衔接你的客户端和服务器端，如下图所示。
=let ENDPOINT = "http://localhost:5000"
let socket = io.connect(ENDPOINT);
=
或许，如果你运用React，你能够为你的客户端装置socket.io-client 。
npm install socket.io-client
然后你能够像这样持续导入并创立一个衔接。
import React from "react";
import io from "socket.io-client";
let ENDPOINT = "http://localhost:5000"
let socket = io(ENDPOINT);
Socket衔接和断开衔接
咱们现已成功地设置了咱们的服务器端和客户端。现在，一旦客户端衔接上了，咱们就会在服务器端收到这个衔接的告诉。Socket.io帮助咱们这样处理这个衔接。
io.on("connection", (socket) => {
// your code snippet
})
这个事情，装备了一个回调函数，当衔接产生时被触发。
关于更复杂的运用程序，你或许想为不同的用户群创立特定的房间。这个功能能够运用Socket.io轻松完结。一旦完结了衔接，你能够运用参加办法参加特定的房间。
io.on("connection", (socket) => {
let roomID = 2436
socket.join(roomID)
})
一旦产生断开衔接，就会触发断开事情。
io.on("connection", (socket) => {
socket.on("disconnect", () => {
});
})
事情发射和播送
Socket.io允许用户发射事情并在另一端监听它们。事情发射能够产生在服务器端和客户端。例如，在衔接过程中，一个 “参加 “事情能够在客户端宣布。
socket.emit("join", { name: “peter paul”}, (err) => {
if (err) {
alert(err);
}
});
请注意，该事情与JSON方法的有效载荷一同宣布，其中包括当时参加衔接的用户称号。
持续在服务器端处理这个事情。
socket.on("join", ({ name }, callback) => {
if (error) {
callback(error);
} else {
let roomID = 2436
socket.join(roomID)
console.log(name)
});
在事情处理过程中，你也能够选择向特定房间的一切人播送信息。
socket.on("join", ({ name }, callback) => {
if (error) {
callback(error);
}
else {
let roomID = 2436
socket.join(roomID)
socket.broadcast.to(roomID).emit("adminMessage", {
name: "admin",
content: `${name} has joined`,
});
}
});
咱们一切的服务器端代码在这一点上应该是这样的。
const express = require("express");
const http = require("http");
const socketio = require("socket.io");
const app = express();
const PORT = process.env.PORT || 5000;
const server = http.createServer(app);
io = socketio(server);
io.on("connection", (socket) => {
socket.on("join", ({ name }, callback) => {
if (error) {
callback(error);
} else {
let roomID = 2436
socket.join(roomID)
console.log(name)
socket.broadcast.to(roomID).emit("adminMessage", {
name: "admin",
content: `${name} has joined`,
});
});
socket.on("disconnect", () => {
});
})
server.listen(PORT, () => {
console.log(`server running at port ${PORT}`);
});
客户端的结构应该是这样的。
let ENDPOINT = "http://localhost:5000"
let socket = io.connect(ENDPOINT);
socket.emit("join", { name: “peter paul”}, (err) => {
if (err) {
alert(err);
}
});
调试和记载
Socket.io自带了一个非常强大的调试东西，叫做Debug。在引入Debug之前，Socket.io采用了将一切东西记载到控制台的方法，大多数用户认为这很烦人。后来，他们采取了一个新的步骤，默认不记载任何东西。
你能够在运用浏览器时经过供给Debug环境变量或localStorage.debug 特点来选择检查这些信息。
关于控制台来说，它的做法如下所示。
DEBUG=* node yourfile.js
* 能够帮助你看到哪些信息是可用的。
关于浏览器来说，它是这样做的。
localStorage.debug = '*';
结论
Socket.io，以其一切的简单性，现已成为开发者在构建需求实时数据传输的运用程序时的首要选择。跟着简直一切现代浏览器都支撑WebSocket，Socket.io有望变得更大。
现在你现已掌握了Socket.io的基础知识，我建议你在一个与上述概念相同的不同项目上作业，以磨练你的技术，并对该主题有更明晰的认识。
