如何在node的express中使用socket.io

Z时代
2024-01-10
分类：综合

服务器端server.js代码


 var express=require("express");
 var http=require("http");
 var sio=require("socket.io");
 var app=express();
 var server=http.createServer(app);
 var fs=require("fs");
 app.get("/", function (req,res) {
    res.sendfile(__dirname+"/index.html");
 });
 server.listen(1337);
 var socket=sio.listen(server);
 socket.on("connection", function (socket) {
     socket.emit("news",{hello:"你好"});
     socket.on("otherEvent", function (data) {
         console.log("服务器端接受到数据:%j",data);
     })
 });

客户端index.html代码


 <!DOCTYPE html>
 <html>
 <head lang="en">
     <meta charset="UTF-8">
     <title></title>
     <script src="/socket.io/socket.io.js"></script>
     <script>
         var socket=io.connect();
         socket.on("news", function (data) {
             console.log(data.hello);
             socket.emit("otherEvent",{my:"data"});
         });
     </script>
 </head>
 <body>
 </body>
 </html>

忽然想到一个问题.我可不可以把news的监听代码写到和emit的同一端.

这样:


 var express=require("express");
 var http=require("http");
 var sio=require("socket.io");
 var app=express();
 var server=http.createServer(app);
 app.get("/", function (req,res) {
     res.sendfile(__dirname+"/index.html");
 });
 server.listen(1337,"127.0.0.1", function () {
     console.log("开始监听1337");
 });
 var socket=sio.listen(server);
 socket.on("connection", function (socket) {
     socket.on("news", function (data) {
     console.log(data.hello);
     });
     socket.emit("news",{hello:"你好"});
 });