如何為不同的套接字路徑呼叫不同的模塊?這是服務器代碼:
require('dotenv-flow').config();
const express = require('express');
const app = express();
const http =require('http');
const httpServer= http.createServer(app);
const io = require('socket.io')(httpServer);
let C=require('./C');
let c=new C(io.of("/c"));
class C {
constructor(socket) {
socket.on("connection",()=>{
console.log("Connection to /c");
});
socket.on("hi", (peerName, calllBack) => {
console.log("Received say hi from " peerName ".");
});
}
}
module.exports = C;
客戶端代碼:
import { useEffect} from "react";
import io from "socket.io-client";
export default function TestSocket() {
useEffect(() => {
let peerName;
let signalServerURL=process.env.REACT_APP_SOCKET_URL "c";
let sUsrAg = navigator.userAgent;
if (sUsrAg.indexOf("Edg") > -1) {
peerName = "Edge";
} else {
if (sUsrAg.indexOf("Chrome") > -1) {
peerName = "Chrome";
} else {
if (sUsrAg.indexOf("Firefox") > -1) {
peerName = "Firefox";
} else {
if (sUsrAg.indexOf("Safari") > -1) {
peerName = "Safari";
}
}
}
}
let socket = io(signalServerURL, {
transports: ["websocket"],
});
socket.emit("hi", peerName, (response) => {
console.log(response);
});
},[]);
return (
<></>
)
}
模塊C可以接收“connection”事件,但是不能接收“hi”事件,為什么?除此之外,我想使用不同的模塊/類來處理不同的套接字路徑。
例如
對于路徑 /b 套接字訪問,我想使用模塊 B 來處理它。
對于路徑 /d 套接字訪問,我想使用模塊 D 來處理它。
我該如何實施?
根據Philippe答案,我修改了服務器代碼如下:
require('dotenv-flow').config();
const express = require('express');
const app = express();
const http =require('http');
const httpServer= http.createServer(app);
const io = require('socket.io')(httpServer);
let C=require('./C');
let c=new C(io,"/c");
class C {
constructor(io,path) {
io.of(path).on("connection",socket=>{
console.log("Connection to " path);
socket.on("hi", (peerName, calllBack) => {
console.log("Received say hi from " peerName ".");
});
});
}
}
module.exports = C;
有用!
uj5u.com熱心網友回復:
當連接成功時,socket-io 回傳你需要使用的套接字。您可以嘗試以下操作:
constructor(io) {
io.on("connection", (socket) => {
console.log("Connection to /c " socket.id);
socket.on("hi", (peerName, calllBack) => {
console.log("Received say hi from " peerName ".");
});
});
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/366578.html
