不能从服务器发送到客户端和从客户端发送到服务器[socket.io]

Question

我正在创建我的产品，并与这个问题。有一天，我设置了Socket.io，一切都很好。第二天，我将服务器和客户端从http迁移到HTTPS。迁移后客户端和服务器端仍然连接，但不能从客户端发射到服务器，从服务器发射到客户端。

我的ssl证书位于./security/cert.key和./security/cert.pem中，它们加载正确。运行在https://localhost:5000上的服务器

import fs from "fs";
import https from "https";
import socketio from "socket.io";
import express from "express";

// HTTPS optiosn
const httpsOptions = {
    key: fs.readFileSync("./security/cert.key"),
    cert: fs.readFileSync("./security/cert.pem"),
};

// Setup express and https server
const app = express();
const server = https.createServer(httpsOptions, app);

// Setup socket io
const io = socketio.listen(server, {
    origins: "https://localhost:3000",
    transports: ["websocket"],
});

server.listen(5000, () => {
    console.log(`server listening on https://localhost:5000`);
});


io.listen(server);

io.on("connection", (socket) => {
    console.log("new socket connected!");
    console.log(`data = ${socket.handshake.query.data}`);
    socket.emit("some-event");
    socket.on("some-event-2", () => console.log("some-event-2 happened!"));
});

我的示例react组件。我的react应用程序运行在https://localhost:3000上。HTTPS连接良好，工作良好。

import React from "react";
import io from "socket.io-client";

const Sandbox: React.FC = () => {
    const query = {
        "data": 123,
    };
    const socket = io.connect("https://localhost:5000", {
        secure: true,
        query,
        transports: ["websocket"],
    });
    socket.on("connect", () => console.log("connect!"));
    socket.on("some-event", () => console.log("some event happened"));
    socket.emit("some-event-2");
    return <React.Fragment />;
};


export default Sandbox;

我该怎么办？也许我在https中错误地使用了socket.io？

Answer 1

我修正了我的错误。

问题是我首先创建了https服务器，之后只调用.listen()。listen()-不是void，而是返回另一个服务器OBJ。您需要在io.listen()中传递.listen()函数的结果

// Don't do that❌
var server = https.createServer(options, app);
server.listen(5000);
io.listen(server);

// Do that✅
var server = https.createServer(options, app).listen(5000);
io.listen(server);