服务器的实现很简单,先装一个nodeJs的模块,叫nodejs-websocket,直接在nodeJs命令行中敲入:npm安装nodejs-websocket回车就可以安装好了,然后就可以开始建立服务器了,因为有了nodejs-websocket模块,所以很多工作都不用我们自己做,直接调用别人封装好的方法就行了:
服务端代码
根据客户端传来的消息判断哪个是标志性图示,哪个是game2,保存连接对象。
var ws=要求(“nodejs-websocket”);
console.log(“开始建立连接……”)
var标志性图示=null, game2=null, game1Ready=false, game2Ready=false;
var服务器=ws.createServer(函数(康涅狄格州){
conn.on(“文本”,函数(str) {
console.log(“收到的信息为:" + str)
如果(str===氨曛拘酝际尽?{
标志性图示=康涅狄格州;
game1Ready=true;
conn.sendText(“成功”);
}
如果(str===癵ame2”) {
game2=康涅狄格州;
game2Ready=true;
}
如果(game1Ready&, game2Ready) {
game2.sendText (str);
}
conn.sendText (str)
})
conn.on(“关闭”,函数(代码,原因){
console.log(“关闭连接”)
});
conn.on(“错误”,函数(代码,原因){
console.log(“异常关闭”)
});
}).listen (8001)
console.log (“WebSocket建立完毕”)
之前
【标志性图示代码】:通过点击获取三个框的内容,传到服务器
& lt; !doctype html>
& lt; html lang=癳n”比;
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title> Document
& lt; style>
.kuang {text-align:中心;margin-top: 200 px;}
#混乱{text-align:中心}
value{宽度:200 px;高度:200 px;边界:1 px固体;text-align:中心;行高:200 px;显示:inline-block;}
& lt;/style>
& lt;/head>
& lt; body>
& lt; div id=袄锰印弊４钦诹印? lt;/div>
& lt; div类=翱酢北?
& lt; div类="价值" id=皏alue1”在小明小明& lt;/div>
& lt; div类="价值" id=value2”在大胸大胸& lt;/div>
& lt; div类="价值" id=" value3”在小张小张& lt;/div>
& lt;/div>
& lt; script>
var混乱=. getelementbyid(“烂摊子”);
如果(window.WebSocket) {
var ws=new WebSocket (ws://192.168.17.80:8001);
ws。onopen=function (e) {
console.log(“连接服务器成功”);
ws.send(标志性图示);
}
ws。onclose=function (e) {
console.log(“服务器关闭”);
}
ws。onerror=function () {
console.log(“连接出错”);
}
ws。onmessage函数=(e) {
混乱。innerHTML="连接成功”
document.querySelector (“.kuang”)。onclick=function (e) {
var时间=new日期();
ws。发送(时间+”标志性图示点击了”“+ e.target.innerHTML + " ");
}
}
}
& lt;/script>
& lt;/body>
& lt;/html>
之前
【game2代码】:获取服务推送来的消息,并且显示
& lt; !doctype html>
& lt; html lang=癳n”比;
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title> Document
& lt; style>
.kuang {text-align:中心;margin-top: 200 px;}
#混乱{text-align:中心}
& lt;/style>
& lt;/head>
& lt; body>
& lt; div id=袄锰印弊４? lt;/div>
& lt; script>
var混乱=. getelementbyid(“烂摊子”);
如果(window.WebSocket) {
var ws=new WebSocket (ws://192.168.17.80:8001);
ws。onopen=function (e) {
console.log(“连接服务器成功”);
ws.send (“game2”);
}
ws。onclose=function (e) {
console.log(“服务器关闭”);
}
ws。onerror=function () {
console.log(“连接出错”);
}
ws。onmessage函数=(e) {
var时间=new日期();
mess.innerHTML +=时间+”的消息:“+ e.data +“& lt; br>”
}
}
& lt;/script>
& lt;/body>
& lt;/html>
之前
运行截图:
NodeJs实现简单WebSocket即时通讯的示例代码
