websocket配合socketio实现客户端和服务器双工通信

  1. 下载socket.io
    npm i socket.io --save-dev

  2. 服务器端代码(nodejs)

const http = require('http');
const io = require('socket.io');

let httpServer = http.createServer();
httpServer.listen(8888); //监听的端口号

let ws = io.listen(httpServer);

ws.on('connection', (sock) => {
	/*
	1. sock.on('消息头', 参数);//接收客户端信息
	2. sock.emit('消息头', 参数); //给客户端发送消息
	*/
    sock.on('click', (param) => {
        console.log(param);
        sock.emit('clicked', "haha");
    })
});

  1. 客户端代码(js)

<script src="http://localhost:8888/socket.io/socket.io.js">script>
<script>
    let sock = io.connect('ws://localhost:8888/');
	
	/*
	1. sock.on('消息头', 参数);//接收服务器端信息
	2. sock.emit('消息头', 参数); //给服务器发送消息
	*/
	
    document.body.onclick = function () {
        sock.emit('click', "document.clicked");
    };

    sock.on('clicked', (param) => {
        console.log('server accept success:',param)
    })
script>

你可能感兴趣的:(js)