安裝
npm install socketio
npm install express
npm install express-static
使用
NODE服務(wù)器
const express = require('express');
const http = require('http');
const socketIo = require('socket.io');
const app = express();
const ser = http.Server(app);
const soc = socketIo(ser);
soc.on('connection',(socket)=>{
//監(jiān)聽connection(用戶連接)事件谨娜,socket為用戶連接的實(shí)例
socket.on('disconnect',()=>{
//監(jiān)聽用戶斷開事件
console.log("用戶"+socket.id+"斷開連接");
});
console.log("用戶"+socket.id+"連接");
socket.on('msg',(data)=>{
//監(jiān)聽msg事件(這個(gè)是自定義的事件)
console.log(data);//你好服務(wù)器
socket.emit('msg','你好瀏覽器');
//向socket用戶發(fā)送信息
})
})
ser.listen(80);
瀏覽器代碼
<script src='https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js'></script>
<script>
const soc = io('http://localhost:80');
//向指定的服務(wù)器建立連接,地址可以省略
soc.emit('msg','你好服務(wù)器');
//自定義msg事件,發(fā)送‘你好服務(wù)器’字符串向服務(wù)器
soc.on('msg',(data)=>{
//監(jiān)聽瀏覽器通過msg事件發(fā)送的信息
console.log(data);//你好瀏覽器
});
</script>
點(diǎn)擊前往進(jìn)階教程
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者