ws
新建目录
npm install nodejs-websocket
当前目录新建 wsServer.js 添加
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("Received " + 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);
})
}).listen(port);
console.log("websocket server listening on port " + port);
然后 node wsServer.js
新建HTML添加
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>websocket</title>
</head>
<body>
<h1>echo test</h1>
<input id="sendText" type="text" />
<button id="sendBtn">发送</button>
<div id="recv"></div>
</body>
<script type="text/javascript">
var websocket = new WebSocket("ws://localhost:3000");
websocket.onopen = function () {
console.log("websocket open");
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);
}
window.onbeforeunload = function () {
websocket.close()
}
</script>
</html>
网友评论