1.node安装websocket.
node安装目录下执行 npm install nodejs-websocket
2.新建JS文件 server.js
1 //server.js 2 var ws = require("nodejs-websocket") 3 var port = 8888; 4 //createServer 5 var server = ws.createServer(function (conn) { 6 conn.on("text", function (str) { 7 console.log("received " + str); 8 //send msg 9 conn.sendText(str); 10 }); 11 12 conn.on("close", function (code, reason) { 13 console.log("Connection closed") 14 }); 15 16 conn.on("error", function (err) { 17 console.log("handdle error"); 18 console.log(err); 19 }) 20 }).listen(port); 21 console.log("websocket server listening on port " + port);
2.1运行server.js node server.js
3.新建html文件
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Node-Websocket</title> 7 </head> 8 <body> 9 <input type="button" id = "send" value="发送"> 10 <input type="button" id = "close" value="关闭连接"> 11 <div id="msg"></div> 12 </body> 13 <script> 14 var ws = new WebSocket("ws://localhost:8888"); 15 ws.onopen = function(e) 16 { 17 console.log("connect..."); 18 } 19 20 ws.onmessage = function(e) 21 { 22 document.getElementById("msg").innerHTML = e.data; 23 console.log("send message"); 24 } 25 26 ws.onclose = function() 27 { 28 console.log("close connect!"); 29 } 30 31 ws.onerror = function() 32 { 33 console.log("socket error..."); 34 } 35 36 document.getElementById("send").onclick = function() 37 { 38 ws.send("send message..."); 39 } 40 41 document.getElementById("close").onclick = function() 42 { 43 ws.close(); 44 } 45 46 </script> 47 </html>
4.直接在浏览器运行html
原文:https://zhuanlan.zhihu.com/p/31003484