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