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