SocketIO：Node.js与浏览器客户端js的通信

Question

我正在尝试在节点服务器和浏览器客户端之间双向发送数据。

我可以从节点服务器到浏览器客户端获取信息，反之亦然。 我不明白我在做什么错，请帮忙。

节点`server.js`

var express = require('express')
var app = express();
var http = require('http').Server(app);
var socketTx = require('socket.io')(http);

app.use(express.static(__dirname + '/'))

http.listen(3000, function(){
  console.log('listening on http://127.0.0.1:3000');
});

// 1) Send initial data from node to browser
setInterval( function() {
  var msg = Math.random();
  socketTx.emit('Node', msg);
}, 1000);

var io = require('socket.io-client');
var socketRx = io.connect('http://localhost:3000', {reconnect: true});

// 4) Receive data from browser and log in node console
socketRx.on('Browser', function(msg){
  console.log(msg);
});

浏览器`index.html`

<html>
<head></head>

<body>
  <div id="message"></div>
  <script src="/socket.io/socket.io.js"></script>
  <script src="socket.js"></script>
</body>
</html>

浏览器`socket.js`

var socketRx = io();
var socketTx = io();

// 2) Receive initial data from node and display in browser
socketRx.on('Node', function(msg){
  document.getElementById("message").innerHTML = msg;

  // 3) Send data from browser back to node
  socketTx.emit('Browser', msg);
});

Answer 1

我对socket.io不熟悉，如果有错误，我们将感到抱歉。
通过参考此官方文档，我修复了如下的server.js 。
在我的环境中，它一直运行良好。 请尝试此代码。

var express = require('express')
var app = express();
var http = require('http').Server(app);
var socketTx = require('socket.io')(http);

app.use(express.static(__dirname + '/'))

http.listen(3000, function(){
  console.log('listening on http://127.0.0.1:3000');
});

// 1) Send initial data from node to browser
setInterval( function() {
  var msg = Math.random();
  socketTx.emit('Node', msg);
}, 1000);

var io = require('socket.io-client');
io.connect('http://localhost:3000', {reconnect: true});

// 4) Receive data from browser and log in node console
socketTx.on('connection', function(socket) {
  socket.on('Browser', function(msg){
    console.log(msg);
  });
});

SocketIO：Node.js与浏览器客户端js的通信

问题描述

节点`server.js`

浏览器`index.html`

浏览器`socket.js`

1 个解决方案

解决方案1
0 已采纳 2018-10-06 21:16:22

SocketIO：Node.js与浏览器客户端js的通信

问题描述

节点server.js

浏览器index.html

浏览器socket.js

1 个解决方案

解决方案1 0 已采纳 2018-10-06 21:16:22

节点`server.js`

浏览器`index.html`

浏览器`socket.js`

解决方案1
0 已采纳 2018-10-06 21:16:22