簡單實(shí)用webSocket
服務(wù)端
需要socket和express
npm install --save socket.io
npm install express--save
var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);
app.get('/', function(req, res){
res.send('<h1>Welcome Realtime Server</h1>');
});
io.on('connection', function(socket){
console.log('a user connected');
socket.on("disconnect", function() {
console.log("a user go out");
});
socket.on("message", function(obj) {
io.emit("message", obj);
});
});
http.listen(3000, function(){
console.log('listening on *:3000');
});
客戶端
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>webSocket</title>
<script src="http://127.0.0.1:3000/socket.io/socket.io.js"></script>
</head>
<body>
<ul id="message">
<input type="text" id="text"/>
<input type="button" value="sub" onclick="sub()"/>
<p>receive: <span id="receive"></span></p>
</ul>
<script>
socket = io.connect('ws://127.0.0.1:3000');
function sub(){
let msg = document.getElementById("text").value;
socket.emit("message", msg);
}
socket.on("message", function(obj) {
document.getElementById("receive").innerHTML = obj;
});
</script>
</body>
</html>
打開兩個頁面池充，第一個寫入后點(diǎn)擊按鈕提交
第一個頁面
提交后打開第二個頁面
https://github.com/littleStar123/webSocket
網(wǎng)上找的代碼闷袒，下次再改改
