简易websocket使用

最新推荐文章于 2024-07-29 13:58:45 发布

wwj_2016

最新推荐文章于 2024-07-29 13:58:45 发布

阅读量32

点赞数

本文链接：https://blog.csdn.net/wwj_2016/article/details/129766435

版权

第一步：创建一个websover使用node执行次js（主意安装ws）


const WebSocket = require('ws');

const wss = new WebSocket.Server({port: 4000});

wss.on('connection', ws=>{
    console.log('ada-ws: ', '一个链接进入');
    ws.on('message', data => {
        ws.send(data+'---服务端发送数据')
    });
    ws.on('close', () => {console.log("关闭一个链接");})
})

第二步：创建一个html使用webpack-dev-server启动一个服务，或者使用node创建文件启动一个服务


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>客户端websocket</title>
</head>
<body>
    websocket
    <script>
        let ws = new WebSocket('ws://localhost:4000');
        ws.addEventListener('open', ()=>{
            console.log('open');
            ws.send('客户端发送数据');
        });
        ws.addEventListener('message', (data)=>{
            console.log(data.data);
        })

    </script>
</body>
</html>

注如下是node启动一个服务的最简易方式

const app = require('express')();
const server = require('http').createServer(app);
app.get('/', (req, res) => res.sendFile(__dirname+'/index.html'));
server.listen('3000', () => '服务开启');