<script>
//客户端建立连接
let socket = io.connect("/");
socket.on("getData",(data)=>{
console.log(data);
document.querySelector(".s").innerHTML = data;
});
document.querySelector(".btn").onclick = function(){
let iptValue = document.querySelector(".ipt").value;
socket.emit("addData",iptValue);
}
</script>
js演示代码
const Koa = require("koa");
const Router = require("koa-router");
const static = require("koa-static");
let app = new Koa();
let router = new Router();
app.use(static(__dirname+"/static"));
router.get("/text",ctx=>{
ctx.body = "hello";
});
const server = require("http").createServer(app.callback());
const io = require("socket.io")(server);
//socket: 当建立连接后,传入回调函数中的参数
// 它代表当前连接者!!
io.on("connection",(socket)=>{
console.log("有连接");
let obj = {
name:"隔壁老王的快乐生活",
age:20
}
//传递数据
// setInterval(()=>{
// socket.emit("getData",obj);
// },1000);
socket.on("addData",(data)=>{
console.log(data);
socket.emit("getData",data);
});
});
// console.log(__dirname);
// console.count(__filename);
app.use(router.routes());
server.listen(8989);