node.js - Socket.IO和Electron无法发射或接收

Question

我有一个由Electron启动的VueCLI项目和一个litle nodejs socket.io服务器，这是服务器的文件:

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} )每次都会显示不同的 套接字ID ，但是就我而言，当我调用 emit函数时，什么也没有发生: window.socket.emit('joinRoom', {email:this.email, apikey:this.apikey})而且，我无法在客户端上接收消息，我已经测试了服务器，并且在常规浏览器上一切正常，但是在我的 Electron 应用程序上无法 emit或接收消息。
这与我的 Electron 应用有关吗？

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'})