socket

1、建立websocket连接

服务端

1、新建服务端项目目录
2、安装模块：socket.io

# 先进入socketserver目录  执行命令
cd socketserver
npm init
# 一路回车即可  初始化完毕后将会新增package.json
npm install --save socket.io

3、新建index.js文件, 在该文件中引入socketio模块, 监听客户端连接

// index.js
// 创建http服务  用于监听端口   接收客户端连接请求
const http = require('http').createServer()
// 创建socketio实例   socketio依赖于http服务
// 需要借助http服务, 才可以接收客户端发来的建立websocket连接的请求
const socketio = require('socket.io')(http, {
   
  cors: {
   
    origin: "*",
    methods: ["GET", "POST"]
  }
})
// 基于socketio 监听客户端的websocket连接事件 connection
socketio.on('connection', (socket)=>{
   
  // websocket连接建立成功后, 将会自动调用该回调方法, 并且
  // 传入与客户端交互所需要使用的socket对象
  console.log('有客户端连进来了:'+socket.id)
})
​
// 启动http服务, 监听通过3000端口发来的请求
http.listen(3000, ()=>{
   
  console.log('server is Running...')
})

客户端

1、新建HTML页面
2、引入socket.io.js 建立连接

<script src="./socket.io.js"></script>
<script>
    // 向ip:port的位置发送建立websocket连接的请求
    // 连接建立成功后将会返回与服务端交互所需要的socket对象
    let socket