入门Socket.io node 遇到问题。

这个代码是我从一个教学视频中扒过来的,
一模一样,操作步骤也一样,
实现的是客户端向服务端发送数据
但是他有效果,我却报错了


图片说明

.

Uncaught ReferenceError: io is not defined

.

他客户端引用包的方式我也没看懂。
为什么是
http://localhost:8080/socket.io/socket.io.js

.

客户端
<!DOCTYPE html>
<html >
  <head>
    <meta charset="utf-8">
    <title></title>
    <script scr="http://localhost:8080/socket.io/socket.io.js" charset="utf-8"></script>
    <script>
      let sock=io.connect('ws://localhost:8080/');

      document.onclick=function(){
        sock.emit('a',12,5);
      };
    </script>
  </head>
  <body>

  </body>
</html>

.

服务端
const http=require('http');
const io=require('socket.io');

//1.创建http服务
let httpServer=http.createServer();
httpServer.listen(8080);

//2.创建webSocket服务
let wsServer=io.listen(httpServer);

wsServer.on('connection',function(sock){
  sock.on('a',function(num1,num2){
      console.log(`接收到了数据${num1}+${num2}`);
  });
});

node部署

图片说明

1个回答

别人在8080这个端口的服务器下的socket.io文件夹里放了一个socket.io.js文件, 如果你有下载这个(socket.io.js)文件可以直接引入到页面中, 就像引入jQuery一样

qq_40021323
妖王令剑 回复AnYueQ: node server.js就是启动服务器啊, 你上面的 “服务器”代码里不是有 “let httpServer=http.createServer(); httpServer.listen(8080);”吗? 这个创建一个端口为8080的服务器啊
一年多之前 回复
AnYueQ
AnYueQ 他是先通过 cnpm 在一个新的文件夹安装了socket.io 然后写好server.js后就直接 node server.js启动了,全程没有开别的服务器,浏览器直接拿到了文件
一年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐