思考一个问题:为什么传统的http协议不能做到websocket实现的功能?
因为:http协议是一个请求响应的协议,请求必须先有浏览器发送给服务器,服务器才能进行响应
websocket并不是全兴的协议,是利用了http协议来建立连接
新建一个文件夹
里面 新建index.html和一个index.js
去到文件夹的终端 输入npm init -y 初始化
image.png
输入 npm i ws (ws是Websocket的缩写)
image.png
此时可以看到下载了ws的版本为8.11.0
在index.js里面
//导如Websocket模块
const Websocket = require('ws')
//引入Server类并实例化,定义服务器端口
const wss = new Websocket.Server({prot:500})
//开启连接
wss.on('ocnnection',function(ws){
ws.on('message',function(message){
console.log('前端传递过来的消息',message)
//在这里呢 可以根据message是什么来判断 给出响应的返回
//比如说
if(message=="nice to meet you"){
//服务端发送消息用ws.send('这里面是传递给前端的内容')
ws.send('nice to meet you')
}
})
)
在index.html中 我这里弄了一个输入框和按钮 当点击按钮的时候 就给服务器发送一条消息,服务器根据发的消息进行返回或者不返回数据
image.png
对了 要起到效果的话 要在终端中输入命令 node index.js
image.png
