node的express中使用socket.io

時間 2019-12-06

標籤 node express 使用 socket.io socket 欄目系統網絡简体版

原文原文鏈接

服務器端server.js代碼html

 1 var express=require("express");
 2 var http=require("http");
 3 var sio=require("socket.io");
 4 var app=express();
 5 var server=http.createServer(app);
 6 var fs=require("fs");
 7 app.get("/", function (req,res) {
 8    res.sendfile(__dirname+"/index.html");
 9 });
10 server.listen(1337);
11 var socket=sio.listen(server);
12 socket.on("connection", function (socket) {
13     socket.emit("news",{hello:"你好"});
14     socket.on("otherEvent", function (data) {
15         console.log("服務器端接受到數據:%j",data);
16     })
17 });

客戶端index.html代碼express

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title></title>
 6     <script src="/socket.io/socket.io.js"></script>
 7     <script>
 8         var socket=io.connect();
 9         socket.on("news", function (data) {
10             console.log(data.hello);
11             socket.emit("otherEvent",{my:"data"});
12         });
13     </script>
14 </head>
15 <body>
16 
17 </body>
18 </html>

突然想到一個問題.我可不能夠把news的監聽代碼寫到和emit的同一端.服務器

這樣:app

 1 var express=require("express");
 2 var http=require("http");
 3 var sio=require("socket.io");
 4 var app=express();
 5 var server=http.createServer(app);
 6 app.get("/", function (req,res) {
 7     res.sendfile(__dirname+"/index.html");
 8 });
 9 server.listen(1337,"127.0.0.1", function () {
10     console.log("開始監聽1337");
11 });
12 var socket=sio.listen(server);
13 
14 socket.on("connection", function (socket) {
15     socket.on("news", function (data) {
16     console.log(data.hello);
17     });
18     socket.emit("news",{hello:"你好"});
19 });