我在服务器上部署时不断收到“socket.io/?EIO=3&transport=polling&t=Lvm1SGO”404错误

Question

我的应用程序在localhost上运行正常，但是一旦我上传它，我就会一直收到“socket.io/?EIO=3&transport=polling&t=Lvm1SGO”404错误，这些错误会一直在控制台中列出。 很抱歉，如果这是一个愚蠢的问题，但我对socket.io相当新。 您可以在此处查看并查看操作中的错误：http://95.211.186.223/projects/webrtc/work/P2PImage/

我的client.js文件：

// this file is meant to be browserified
var P2P = require("socket.io-p2p");
var io = require("socket.io-client");
var ss = require("socket.io-stream");
var socket = io();
var opts = {autoUpgrade: true, peerOpts: {numClients: 10}};
var p2p = new P2P(socket, opts);
var $ = require("jquery");

p2p.on("peer-num", function(num) {
  console.log("You are peer number " + num);
  $(".peerNum").html( "Number " + num );
});

p2p.on("file", function(stream) {
  //console.log(stream);

  var img = document.createElement("img");
  img.src = (window.URL || window.webkitURL).createObjectURL(new Blob(stream));
  document.getElementById("receivedImages").appendChild(img);
});

$(function() {
  $("#file").change(function(e) {
    ss.forceBase64 = true;
    var file = e.target.files[0];
    var stream = ss.createStream();

    ss(socket).emit("file", stream, {size: file.size,name:file.name});
    var blobStream = ss.createBlobReadStream(file);
    var size = 0;
    blobStream.on("data", function(chunk) {
      size += chunk.length;
      console.log(Math.floor(size / file.size * 100) + "%");
    });
    blobStream.pipe(stream);
  });
});

我的server.js文件：

var app = require("express")();
var express = require("express");
var server = require("http").Server(app);
var p2pserver = require("socket.io-p2p-server").Server;
var io = require("socket.io")(server);
var ss = require("socket.io-stream");
var path = require("path");

app.use(express.static(__dirname));
io.use(p2pserver);

var peerNum = 0;


io.on("connection", function(socket) {

  console.log("Peer " + peerNum + " connected");
  io.emit("peer-num", peerNum);
  peerNum++;

  ss(socket).on("file", function(stream, data) {

    var filename = path.basename(data.name);

    var parts = [];

    stream.on("data", function(data) {
      parts.push(data);
    });

    stream.on("end", function() {
      socket.broadcast.emit("file", parts);
    });

  });
});

    server.listen(3000, function () {
  console.log("Listening on 3000")
});

Answer 1

您的问题是您正在尝试联系Apache服务器上的nodejs服务器。

这看起来像这样：

问题是Apache不知道如何处理传入的Socket.io请求。现在最简单的选择是扩展服务器并让socket.io连接到另一个端口：

所以一切都和以前一样。

在此示例设置中，您在开发服务器上安装了Apache（就像您提到的那样）。您可以访问服务器shell。

1. 将包含express和socket.io文件的文件传输到服务器（除了web根目录，而不是/ var / www。我建议将它放在/ home / myUserName / [productname]中）

2. 确保在服务器上安装了nodeJS和NPM

3. 如果您没有传输node_modules，请执行npm install以安装软件包。

4. 将端口设置为80以外的值 - 可能是3000.请记住此号码。

5. 像在客户端上一样启动服务器（node index.js或类似的东西）

6. 如果您现在通过端口3000（http://myServerDomainOrIp:3000）访问您的服务器，您应该得到与客户端相同的结果。但是你想要（或者有）使用apache web服务器。所以在apache web文件中打开启动socket.io客户端的文件。围绕这个应该有一条线：var socket = io();。将其更改为socket.connect('http://myServerDomainOrIp:3000');

所以静态文件是通过apache服务的，但socket.io连接是与nodejs服务器建立的。

我希望你能理解一点。 Apache和Socket.IO有点复杂。