javascript - Socket.io连接，但不发射或监听electron.js(Socket.io connecting but not emitting or listening with electron.js)

Question

(This bounty has ended) .

((赏金已经结束)

。) Answers to this question are eligible for a +50 reputation bounty.

(这个问题的答案有资格获得+50声望奖励。)

Bounty grace period ends in 23 hours .

(赏金宽限期在23小时内结束。)

Iamisti wants to (draw more attention) to this question.

(Iamisti希望(引起更多)

关于这个问题的

(注意)

。)

I'm trying to make a chat program using electron.js and socket.io, but while my socket.io code works perfectly when I test it in the console or browser, once I load it into electron code the sockets only connect, they can't receive or emit data.

(我正在尝试使用electron.js和socket.io创建一个聊天程序，但是当我在控制台或浏览器中对其进行测试时，虽然socket.io代码可以完美运行，但一旦将其加载到电子代码中，则套接字只能连接，但它们无法接收或发出数据。)

Here's my code

(这是我的代码)

server.js

(server.js)

var port = 8321

var io = require('socket.io').listen(port);
console.log('listening on *:' + port);

io.on('connection', function(socket) {
    console.log('a user connected');
    io.emit('bar', "Greetings from the server");

    socket.on('chat_message', function(msg1) {
        console.log(msg1);
        socket.emit('chat_message', "Reply from server");
    });

    socket.on('disconnect', function(){
        console.log('user disconnected');
    });
});

view.js (Client)

(view.js（客户端）)

let $ = require('jquery') 

$('#messages').append($('<li>').text("Initial setup"));

const io = require('socket.io-client');
var socket = io.connect('http://localhost:8321');

$('form').submit(function(){
    var msg = $('#m').val();
    if (!msg) {
        return false;
    }

    socket.emit('chat_message', msg);
    $('#messages').append($('<li>').text("You sent: "+msg));
    window.scrollTo(0, document.body.scrollHeight);                 
    $('#m').val('');
    return false;
});

socket.on('bar', function(msg){
    $('#messages').append($('<li>').text("Received: "+msg));
    window.scrollTo(0, document.body.scrollHeight);
});

index.js (For loading electron)

(index.js（用于加载电子）)

let mainWindow

function createWindow () {
    mainWindow = new BrowserWindow({
        width: 800, 
        height: 600, 
        transparent : true,
        frame:false
    })

    mainWindow.setAlwaysOnTop(true);

    mainWindow.loadURL(url.format({
        pathname: path.join(__dirname, 'index.html'),
        protocol: 'file:',
        slashes: true
    }))

    mainWindow.setIgnoreMouseEvents(true);
}

app.on('ready', createWindow)

client1.js (Test client in console that works)

(client1.js（可以在控制台中测试客户端）)

var io2 = require('socket.io-client');
var socket2 = io2.connect('http://localhost:8321');


var msg2 = "Greetings from client1";
socket2.emit('chat_message', msg2);


socket2.on('bar', function(msg){
    console.log('Received message from server:' + msg);
});

  ask by shadowsinger translate from so

Answer 1

I add to my Github account a fully working example of your usecase using your code and delivered from the server every 2-sec message

(我使用您的代码向我的Github帐户添加了一个用例的完整示例，并每隔2秒从服务器发送一次)

setInterval(()=>{
    io.emit('bar', "Greetings from the server");
},2000)

https://github.com/ntedgi/sof-socket.io

(https://github.com/ntedgi/sof-socket.io)

1. clone the repo git clone https://github.com/ntedgi/sof-socket.io.git

   (克隆仓库git clone https://github.com/ntedgi/sof-socket.io.git)

2. run npm install

   (运行npm install)

3. run the server node server.js

   (运行服务器node server.js)

4. start electron npm run start

   (启动电子npm run start)

output :

(输出：)