Node.js 不向客户端返回消息的示例_Node.js_Express_Socket.io

Node.js 不向客户端返回消息的示例

node.js express socket.io

Node.js 不向客户端返回消息的示例,node.js,express,socket.io,Node.js,Express,Socket.io,我试着效仿这个例子，但我并没有在浏览器上看到“HelloWorldfromclient”的消息。就这点而言，我看不到客户端已连接… 我确实看到了Hello World和表单 app.js var express = require('express'); var app = express(); var server = require('http').createServer(app); var io = require('socket.io')(server); app.use

我试着效仿这个例子，但我并没有在浏览器上看到“HelloWorldfromclient”的消息。就这点而言，我看不到

客户端已连接…

我确实看到了Hello World和表单

app.js

var express = require('express');  
var app = express();  
var server = require('http').createServer(app);  
var io = require('socket.io')(server);

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

io.on('connection', function(client) {  
    console.log('Client connected...');

    client.on('join', function(data) {
        console.log(data);
        client.emit('messages', 'Hello from server');
    });
});    

app.get('/', function(req, res,next) {  
    res.sendFile(__dirname + '/index.html');
});    

server.listen(4200);

index.html

<!doctype html>  
<html lang="en"> 
    <script>  
        var socket = io.connect('http://localhost:4200');
        socket.on('connect', function(data) {
            socket.emit('join', 'Hello World from client');
        });
        socket.on('messages', function(data) {
            alert(data);
        });
    </script> 
    <head>       
    </head>
    <body>
        <h1>Hello World!</h1>
        <div id="future"></div>
        <form id="form" id="chat_form">
            <input id="chat_input" type="text">
            <input type="submit" value="Send">
        </form>
         <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
        <script src="/socket.io/socket.io.js"></script>            
    </body>
</html>


var socket=io.connect（'http://localhost:4200');
socket.on（'connect'，函数（数据）{
emit（'join'，'helloworld fromclient'）；
});
socket.on（'messages'，函数（数据）{
警报（数据）；
});
你好，世界！

标记只能驻留在

或

标记中。如果要操作dom而不使用DomReady函数检查dom是否已就绪，则应将所有脚本标记放在正文标记的末尾，正好在

之前：


我的应用程序
你好，世界！
var socket=io.connect（'http://localhost:4200');
socket.on（'connect'，函数（数据）{
emit（'join'，'helloworld fromclient'）；
});
socket.on（'messages'，函数（数据）{
警报（数据）；
});

标记只能驻留在

或

标记中。如果要操作dom而不使用DomReady函数检查dom是否已就绪，则应将所有脚本标记放在正文标记的末尾，正好在

之前：


我的应用程序
你好，世界！
var socket=io.connect（'http://localhost:4200');
socket.on（'connect'，函数（数据）{
emit（'join'，'helloworld fromclient'）；
});
socket.on（'messages'，函数（数据）{
警报（数据）；
});

<!doctype html>
<html lang="en">
  <head>
    <title>My App</title>
  </head>
  <body>
    <h1>Hello World!</h1>
    <div id="future"></div>
    <form id="chat_form">
      <input id="chat_input" type="text">
      <input type="submit" value="Send">
    </form>
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
    <script src="/socket.io/socket.io.js"></script>
    <script>
      var socket = io.connect('http://localhost:4200');
      socket.on('connect', function(data) {
        socket.emit('join', 'Hello World from client');
      });
      socket.on('messages', function(data) {
        alert(data);
      });
    </script>
  </body>
</html>