学习文档笔记:https://pan.baidu.com/s/1zIOiGyEEZdmiWqBeLPoNjg
密码:ker5
app.js(服务器端):
var http = require("http"); var fs = require("fs"); var server = http.createServer(function(req,res){ if(req.url == "/"){ //显示首页 fs.readFile("./index.html",function(err,data){ res.end(data); }); } }); //创建一个io对象 var io = require('socket.io')(server); //监听连接事件 io.on("connection",function(socket){ console.log("1个客户端连接了"); // 监听客户端的事件 socket.on("clientSend",function(msg){ console.log("客户端说:" + msg); socket.emit("serverSend","服务器的消息"); // emit触发事件 io.emit("serverBroadcast","服务端的广播消息"); // 触发广播事件 }); }); server.listen(3000,"127.0.0.1");
./index.html(客户端页面):
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <h1>我是index页面,我引用了秘密script文件</h1> <textarea name="" id="dig" cols="100" rows="6"></textarea> <br /> <input type="button" value="发送消息" id="btn"/> <script type="text/javascript" src="/socket.io/socket.io.js"></script> <!-- 引用客户端需要的JS文件 --> <script type="text/javascript"> var socket = io(); // 通过 io()获取socket对象。 //点击按钮之后,触发事件 document.getElementById("btn").onclick = function(){ socket.emit("clientSend",document.getElementById("dig").value); // emit触发事件 }; // 监听服务端的事件 socket.on("serverSend",function(msg){ console.log("服务器说:" + msg); }); // 监听服务端的广播事件 socket.on("serverBroadcast",function(msg){ console.log("服务器广播:" + msg); }); </script> </body> </html>