node.js中ws模塊創建服務端和客戶端，網頁WebSocket客戶端
阿新 • • 發佈：2019-03-05
socket 如果 創建服務 function ket socket客戶端 console serve 數據
1.node.js中ws模塊創建服務端
// 加載node上websocket模塊 ws; var ws = require("ws"); // 啟動基於websocket的服務器,監聽我們的客戶端接入進來。 var server = new ws.Server({ host: "127.0.0.1", port: 8081, }); // 監聽接入進來的客戶端事件 function websocket_add_listener(client_sock) { // close事件 client_sock.on("close", function() { console.log("client close"); }); // error事件 client_sock.on("error", function(err) { console.log("client error", err); }); // end // message 事件, data已經是根據websocket協議解碼開來的原始數據； // websocket底層有數據包的封包協議，所以，絕對不會出現粘包的情況。 // 每解一個數據包，就會觸發一個message事件; // 不會出現粘包的情況，send一次，就會把send的數據獨立封包。// 如果我們是直接基於TCP，我們要自己實現類似於websocket封包協議就可以完全達到一樣的效果； client_sock.on("message", function(data) { console.log(data); client_sock.send("Thank you!"); }); // end } // connection 事件, 有客戶端接入進來; function on_server_client_comming (client_sock) { console.log("client comming"); websocket_add_listener(client_sock); } server.on("connection", on_server_client_comming); // error事件,表示的我們監聽錯誤; function on_server_listen_error(err) { } server.on("error", on_server_listen_error); // headers事件, 回給客戶端的字符。 function on_server_headers(data) { // console.log(data); } server.on("headers", on_server_headers);
2、網頁客戶端創建(使用WebApi --->WebSocket)
<!DOCTYPE html>
<html>
<head>
<title>skynet websocket example</title>
</head>
<body>
<script>
var ws = new WebSocket("ws://localhost:8081");
ws.onopen = function(){ //連接成功觸發
alert("open");
};
ws.onmessage = function(){//接收消息觸發
alert("message");
};
ws.onclose = function(){//關閉連接觸發
alert("close");
};
ws.onerror = function(){//連接失敗觸發
alert("error");
};
</script>
</body>
</html>
node.js中ws模塊創建服務端和客戶端，網頁WebSocket客戶端