简单使用WebSocket

发表于 | 分类于

WebSocket介绍

WebSocket是应用层协议，基于TCP协议，WebSocket是一种双向的通信协议，在建立后服务端和客户端之间能相互交流。
原生的WebSocket写法繁琐麻烦，通常使用socket.io进行WebSocket服务。

实现

服务端

1
2
3
4
5
6
7
8
let WebSocket=require('ws');
let wss=new WebSocket.Server({port:3000});
wss.on('connection',(ws)=>{
    ws.on('message',(data)=>{
        console.log(data);
        ws.send('测试');
    });
})

服务端使用了ws，创建了Server类，实现了WebSocket通信。

客户端

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div>test</div>
    <script>
        let socket = new WebSocket('ws://localhost:3000');
        socket.onopen = function () {
          socket.send('我爱你');//向服务器发送数据
        }
        socket.onmessage = function (e) {
          console.log(e.data);//接收服务器返回的数据
        }
    </script>
</body>
<html>

安全问题

WebSocket作为一种通信协议被引入Web应用中，并不会解决Web应用中存在的安全问题，
因此WebSocket应用的安全实现需要由开发者或者服务端负责。

目前笔者在安全方面认识暂时不足，等了解充分后再回来补坑。

本文结束啦感谢您的阅读
undefined