Socket.io 4 入门实例 (一）

Socket.io 4 入门实例 (一）

介绍

Socket.io是一个WebSocket库，包括了客户端的js和服务器端的nodejs，它的目标是构建可以在不同浏览器和移动设备上使用的实时应用。它会自动根据浏览器从WebSocket、AJAX长轮询、Iframe流等等各种方式中选择最佳的方式来实现网络实时应用，非常方便和人性化，而且支持的浏览器最低达IE5.5

服务端初始化 index.js

const httpServer = require("http").createServer();

const io =  require ( "socket.io" ) ( httpServer ,  { 
  cors :  { 
    methods :  [ "GET" ,  "POST" ] 
  } 
} ) ;

io.on("connection", (socket) => {
    console.log("连接成功");
});

httpServer.listen(3000);

客户端初始化

如果您的前台与您的服务器不在同一个域中，您必须传递服务器的 URL。

const socket =  io ( "https://server-domain.com" ) ;

在这种情况下，请确保在服务器上启用跨域资源共享 (CORS)
从 Socket.IO v3 开始，需要明确启用跨域资源共享(CORS)

安装CORS

npm i cors

index.html

<script src="./node_modules/socket.io/client-dist/socket.io.js"></script>
<script>
  const socket = io("http://localhost:3000");
</script>

运行第一个socket.io程序

node index.js

打开页面 观察控制台