vue+express+socket.io（输出）

1.express 使用

先让文件夹初始化，创建 package.json 文件

npm init

安装express包

npm i express

2.express 初体验

	//1、导入包
		const express = require('express')
		//2、创建应用对象
		const app= express()
		//3、创建路由规则
		app.get('/home', (req, res) => {
		    res.end('Hello Express')
		})
		//4、监听端口 启动服务
		app.listen(8000,()=>{
		    console.log('服务已启动，监听8000端口中');
		})

 看图：

 查看 http://127.0.0.1:8000/home

 3.安装 socket.io

​​​​​​​npm install socket.io

//引入socket.io传入服务器对象 让socket.io注入到web网页服务
const io = require('socket.io')(server)
// 存入数据
let arr = ['恭喜链接websocket服务成功：目前链接的地址为：http://127.0.0.1:8000']
// 建立链接
io.on('connect',(e)=>{ //connect 固定的  
// 链接成功马上响应webEvent
  e.emit('webEvent',JSON.stringify(arr))
  // 监听前端出发的sendEvent
  e.on('sendEvent',(webres)=>{
    console.log('接收前端发送的值',webres)
    arr.push(webres)
    // 触发所以的 sendEventCallBack 事件 arr中的数据
    io.sockets.emit("sendEventCallBack",JSON.stringify(arr))
  })
})