Aquí está mi código de servidor:
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, { allowEIO3: true }); let Test=require('./test/Test'); httpServer.listen(process.env.REACT_APP_SOCKET_PORT, () =>{ console.log('Express server is running on localhost:'+process.env.REACT_APP_SOCKET_PORT); }); io.of("/test").on("connection",(socket)=>{ let test=new Test(socket); })Prueba.js:
class Test{ constructor(socket){ console.log("Test:Connection established"); socket.on("askConnect",()=>{ console.log("Test:askConnect event received.") socket.broadcast.emit("requestConnect", {}); }); } } module.exports=Test;Y mi código de cliente:
import io from 'socket.io-client'; export default function A(){ let peerName; let sUsrAg = navigator.userAgent; let socket = io.connect(process.env.REACT_APP_SOCKET_URL+"test", { transports: ['websocket'] }); socket.on("requestConnect",()=>{ console.log(peerName+' received request connect event'); }) if (sUsrAg.indexOf("Chrome")>-1){ peerName="Chrome"; }else { peerName="Firefox"; } let go=()=>{ socket.emit('askConnect'); } return( <button onClick={go}>Go</button> ); }Navego por la página web con 2 navegadores.
Espero que cuando haga clic en el botón "ir", el socket.on("requestConnect",...) debería activarse solo en el otro navegador.
De hecho, socket.on("requestConnect",...) se activará en ambos navegadores.
¿Qué esta pasando?
Después de varios intentos, cuando cambié el código del cliente como se muestra a continuación, el remitente no recibe socket.on("requestConnect",...) nuevamente.
import io from 'socket.io-client'; import { useEffect,useState } from 'react'; export default function A(){ let peerName; const[socket,setSocket]= useState(); let sUsrAg = navigator.userAgent; if (sUsrAg.indexOf("Chrome")>-1){ peerName="Chrome"; }else { peerName="Firefox"; } useEffect(()=>{ let temp=io.connect(process.env.REACT_APP_SOCKET_URL+"test", { transports: ['websocket'] }); temp.on("requestConnect",(remotePeerName)=>{ console.log('Received request connect event from '+remotePeerName); }) setSocket(temp); },[]) let go=()=>{ socket.emit('askConnect',peerName); } return( <button onClick={go}>Go</button> ); }Pero no sé por qué.