Socket.IO 和 Electron 不能发射或接收

Question

我有一个由VueCLI 和一个小nodejs socket.io 服务器发起的Electron 项目，这是服务器的文件：

const http = require('http');
const express = require('express');
const socketio = require('socket.io');
const {
  userJoin,
  getCurrentUser,
  userLeave,
  getRoomUsers,
  users
} = require('./utils/users');

const app = express();
const server = http.createServer(app);
const io = socketio(server);

// Set static folder
app.use(express.static(path.join(__dirname, 'public')));

// Run when client connects
io.on('connection', socket => {

  console.log(`Connected tp ${socket.id}`)
  app.get('/send-file', (req, res, next) => {
      res.send('Sent')
  })

  socket.on('joinRoom', (args)=>{
    console.log('joinroom')
  })


  // Runs when client disconnects
  socket.on('disconnect', () => {
    const user = userLeave(socket.id);
  });
});



const PORT = process.env.PORT || 7575;

server.listen(PORT, () => console.log(`Server running on port ${PORT}`));

这是我的preload.js 文件：

const io = require('socket.io-client');
window.socket = io('http://localhost:7575');

window.socket.on('welcome', () => {
    console.log('on welcome : welcome received renderer'); // displayed
    window.socket.emit('test')
});
window.socket.on('error', (e) => {
  console.log(e); // displayed ?
});
window.socket.on('ok', () => {
    console.log("OK received renderer"); // displayed
});
window.socket.on('connect', () => {
    console.log("connected renderer"); // displayed
    window.socket.emit('test');
});

这是我的createWindow 函数：

async function createWindow() {
  // Create the browser window.
  win = new BrowserWindow({
    width: 700,
    height: 600,
    webPreferences: {
      // Use pluginOptions.nodeIntegration, leave this alone
      // See nklayman.github.io/vue-cli-plugin-electron-builder/guide/security.html#node-integration for more info
      nodeIntegration: process.env.ELECTRON_NODE_INTEGRATION,
      enableRemoteModule: true,
      preload: path.join(__dirname, 'preload.js')
    }
  })
  win.setMenu(null)
  if (process.env.WEBPACK_DEV_SERVER_URL) {
    // Load the url of the dev server if in development mode
    await win.loadURL(process.env.WEBPACK_DEV_SERVER_URL)
    if (!process.env.IS_TEST) win.webContents.openDevTools()
  } else {
    createProtocol('app')
    // Load the index.html when not in development
    win.loadURL('app://./index.html')
  }
}

客户端和服务器之间建立了连接，因为 console.log(Connected tp ${socket.id}) 每次都显示不同的 socket ID，但在我看来，当我调用emit 函数没有任何反应：window.socket.emit('joinRoom', {email:this.email, apikey:this.apikey})

而且我无法在客户端接收消息，我已经测试了服务器并且在普通浏览器上一切正常，但在我的电子应用程序上无法emit 或接收消息。

这与我的电子申请有关吗？

Answer 1

这就是我的做法 -

服务器端：

const express = require('express')
const app = express()

// middlewares
app.use(express.static('public'))

// routes
app.get('/', (req, res) => {
    res.render('index')
})

server = app.listen(7575, () => {
    console.log("Server started");
})

//socket.io instantiation
const io = require("socket.io")(server)

//listen on every connection
io.on('connection', (socket) => {
    console.log('New user connected');

    //listen on "test"
    socket.on('test', (data) => {
        var username = data.username;
    })
})

客户端：

socket = io.connect('http://localhost:7575')
socket.emit('test', {username: 'username'})