前后端配合發(fā)送websocket

后端node代碼:

var?ws?=?require("nodejs-websocket")

var?port=3000;

//?Scream?server?example:?"hi"?->?"HI!!!"

var?server?=?ws.createServer(function?(conn)?{

console.log("New?connection")

conn.on("text",?function?(str)?{

console.log(str)

conn.sendText(str.toUpperCase()+"!!!")

})

conn.on("close",?function?(code,?reason)?{

console.log("Connection?closed")

})

conn.on("error",?function?(err)?{

console.log("handdle?error");

console.log(err);

})

//?setInterval(()?=>?{

//?????conn.sendText('123')

//?},?2000);

}).listen(port);

console.log("websocket?server?listening?on?port?"+port);

前端html代碼:

websocket

echo?test

發(fā)送

var?websocket=new?WebSocket("ws://localhost:3000");

websocket.onopen=function(){

document.getElementById("recv").innerHTML="connected";

}

websocket.onclose=function(){

console.log("websocket?close");

}

websocket.onmessage=function(e){

console.log(e.data);

document.getElementById("recv").innerHTML=e.data;

}

document.getElementById("sendBtn").onclick=function(){

var?txt=document.getElementById("sendText").value;

websocket.send(txt);

}

node先下載一個(gè)nodejs-websocket包,然后運(yùn)行js文件,

然后前端文件點(diǎn)擊發(fā)送消息,后端就可以接收實(shí)時(shí)返回

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容