Express socket(基于socket.io.js)

「爱情、让人受尽委屈。」 2022-12-21 03:22 120阅读 0赞

Express Socket

基于 [socket.io.js][]

Server端代码：

//https://github.com/socketio/socket.io
    //与express结合
    //注意跨域问题
    const express = require("express"),
        app = express(),
        server = require("http").createServer(app),
        io = require("socket.io")(server),
        path = require("path");
    
    io.on("connection", client => { 
        client.emit("hehe", "你好！");
        client.on("haha", msg => { 
            console.log("haha", msg);
        });
    });
    
    //静态资源访问的相对路径，用于html中的js加载
    app.use(express.static("./"));//路径指向 相对的文件夹路径
    
    app.use("/index", function (req, res) { 
        res.sendFile(path.join(__dirname, "index.html"))
    });
    let ws = server.listen(3000, function () { 
        console.log('start at port:' + ws.address().port);
    });
    // app.set("port", 3000); //可以不用这个
    // let ws = server.listen(app.settings.port, function () { 
    // console.log('start at port:' + ws.address().port);
    // });
    
    //这样不行
    // app.listen(3333, "127.0.0.1", function (err) { 
    // if (err) { 
    // console.log("监听失败");
    // throw err;
    // }
    //
    // console.log("server 已经开启，默认IP: 127.0.0.1, Port：3333");
    // });

Client端的代码

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Socket.io Client</title>
        <script src="socket.io.js"></script>
    </head>
    <body>
    <script> //这3种方式都可以 //io()不传参数的话，会自动获取当前的访问路径 // let client = io("http://localhost:3000", {}); // let client = io({ // hostname: "localhost", // path: "/socket.io", // port: "3000" // }); let client = io(); client.on("hehe", msg => { // console.log("hehe", msg); document.body.innerHTML = "<h1>hehe: " + msg + "</h1>"; }); client.emit("haha", "我很好！"); </script>
    </body>
    </html>

[socket.io.js]: https://github.com/socketio/socket.io