Fatal编程技术网
  • javascript/
  • Javascript nodejs应用程序在节点服务器上运行，但未显示任何输出

Javascript nodejs应用程序在节点服务器上运行，但未显示任何输出

javascript node.js express socket.io

Javascript nodejs应用程序在节点服务器上运行，但未显示任何输出,javascript,node.js,express,socket.io,Javascript,Node.js,Express,Socket.io,嗨，我是新来的 var io=require（'socket.io'）。侦听（服务器）； 用户=[]； 连接=[]； server.listen（process.env.PORT | | 3000）； log（'server running….on Pro'）； app.get（'/'，函数（req，res）{ res.sendFile（uu dirname+'/index.html'）； }); io.sockets.on（'connections'，函数（socket）{ 连接。推（插座）

嗨，我是新来的

var io=require（'socket.io'）。侦听（服务器）；
用户=[]；
连接=[]；
server.listen（process.env.PORT | | 3000）；
log（'server running….on Pro'）；
app.get（'/'，函数（req，res）{
res.sendFile（uu dirname+'/index.html'）；
});
io.sockets.on（'connections'，函数（socket）{
连接。推（插座）；
console.log（'已连接：%s个套接字已连接'，connections.length）；
//DISCONET函数
socket.on（'disconnect'，函数（数据）{
users.splice（users.indexOf（socket.username），1）；
updateUsernames（）；
连接件.接头（连接件.索引（插座），1）；
console.log（'disconnected:%s sockets connected'，connections.length）；
});
//发送消息
socket.on（'send massege'，函数（数据）{
emit（'newmassege'，{msg:data，user:socket.username}）；
});
//新用户
socket.on（'newuser'，函数（数据，回调）{
回调（true）；
socket.username=数据；
user.push（socket.username）；
updateUsernames（）；
});
函数updateUsernames（）{
io.sockets.emit（'get users'，users）；
}
});


Probhas的简单聊天应用程序
身体{
边缘顶部：30px；
}
#消息区{
显示：无；
}
输入用户名


在线用户

    
请输入您的邮件

    
$（函数（）{
var socket=io.connect（）；
var$messageform=$（“#messageform”）；
var$message=$（“#messageform”）；
var$chat=$（'chat'）；
var$messageArea=$（“#messageArea”）；
var$userFormArea=$（“#userFormArea”）；
var$userForm=$（“#userForm”）；
var$users=$（“#users”）；
var$Username=$（“#Username”）；
$messageform.submit（函数（e）{
e、 预防默认值（）；
emit（'send massege'，$message.val（））；
$message.val（“”）；
});
socket.on（'new massege'，函数（数据）{
$chat.append（“”+data.user+”：“+data.msg+”）；
});
$userform.submit（函数（e）{
e、 预防默认值（）；
emit（'new user'，$Username.val（），函数（数据）{
如果（数据）{
$userFormArea.hide（）；
$messageArea.show（）；
}
});
$Username.val（“”）；
});
socket.on（'get users'，函数（数据）{
var html=''；
对于（i=0；i这里，这将起作用：
    
index.js:
    

    var app = require('express')();
var server = require('http').Server(app);
var io = require('socket.io').listen(server);
users = [];
connections = [];

server.listen(process.env.PORT || 3000);
console.log('server running....on Pro');


io.on('connection',function(socket){
    connections.push(socket);
    console.log('connected: %s sockets is connected', connections.length);

    //Disconnet function 
    socket.on('disconnect', function(data){

        users.splice(users.indexOf(socket.username),1);
        updateUsernames();
        connections.splice(connections.indexOf(socket),1);
        console.log('Disconneted: %s sockets connected', connections.length);
    });
    //send messege
    socket.on('send massege', function(data){
    io.sockets.emit('new massege', {msg: data, user:socket.username});
    });

    //new user
    socket.on('new user', function(data, callback){
        callback(true);
        socket.username = data;
        users.push(socket.username);
        updateUsernames();

    });
    function updateUsernames(){
        io.sockets.emit('get users', users);
    }
});

    

    <!DOCTYPE html>
<html>
<head>
    <title>Simple Chat App By Probhas</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="http://localhost:3000/socket.io/socket.io.js"></script>
    <style>
        body{
            margin-top: 30px;
        }
    #messageArea{
      display: none;
    }
    </style>
</head>
<body>
    <div class="container">
      <div id="userFormArea" class="row">
          <div class="col-md-12">
              <form id="userForm">
            <div class="form-group">
              <label>Enter Username</label>
              <input class="form-control" id="Username"><br/>
              <input type="submit" class="btn btn-primary" value="Login">
            </div>
          </form>
          </div>
      </div>
        <div id="messageArea" class="row">
            <div class="col-md-4"></div>
                <div class="well">
                    <h3>Online Users</h3>
                    <ul class="list_group" id="users"></ul>
                </div>
            <div class="col-md-8"></div>
                <div class="chat" id="chat"></div>
                <form id="messageform">
                    <div class="form-group">
                        <label>Enter Your Massege</label>
                        <textarea class="form-control" id="message"></textarea><br/>
                        <input type="submit" class="btn btn-primary" value="send Massege">
                    </div>
                </form>
        </div>  
    </div>  
    <script>
        $(function(){
            var socket = io.connect("http://localhost:3000/");
        var $messageform = $('#messageform');
        var $message = $('#message');
        var $chat = $('#chat');
        var $messageArea = $('#messageArea');
        var $userFormArea = $('#userFormArea');
        var $userForm = $('#userForm');
        var $users = $('#users');
        var $Username = $('#Username');

          $messageform.submit(function(e){
            e.preventDefault();
            socket.emit('send massege', $message.val());
            $message.val('');
          });

          socket.on('new massege', function(data){
            $chat.append('<div class="well"><strong>'+data.user+'</strong>:'+data.msg+'</div>');
          });

          $userForm.submit(function(e){
            e.preventDefault();
            socket.emit('new user', $Username.val(),function(data){
              if (data){
                $userFormArea.hide();
                $messageArea.show();

              }
            });
            $Username.val('');
          });
          socket.on('get users', function(data){
            var html = '';
            for (i=0; i<data.length; i++){
              html += '<li class = "list-group-item">'+data[i]+'</li>';
             }
             $users.html(html);
          });
        });
    </script>

</body>
</html>

    
index.html:
    

    var app = require('express')();
var server = require('http').Server(app);
var io = require('socket.io').listen(server);
users = [];
connections = [];

server.listen(process.env.PORT || 3000);
console.log('server running....on Pro');


io.on('connection',function(socket){
    connections.push(socket);
    console.log('connected: %s sockets is connected', connections.length);

    //Disconnet function 
    socket.on('disconnect', function(data){

        users.splice(users.indexOf(socket.username),1);
        updateUsernames();
        connections.splice(connections.indexOf(socket),1);
        console.log('Disconneted: %s sockets connected', connections.length);
    });
    //send messege
    socket.on('send massege', function(data){
    io.sockets.emit('new massege', {msg: data, user:socket.username});
    });

    //new user
    socket.on('new user', function(data, callback){
        callback(true);
        socket.username = data;
        users.push(socket.username);
        updateUsernames();

    });
    function updateUsernames(){
        io.sockets.emit('get users', users);
    }
});

    

    <!DOCTYPE html>
<html>
<head>
    <title>Simple Chat App By Probhas</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="http://localhost:3000/socket.io/socket.io.js"></script>
    <style>
        body{
            margin-top: 30px;
        }
    #messageArea{
      display: none;
    }
    </style>
</head>
<body>
    <div class="container">
      <div id="userFormArea" class="row">
          <div class="col-md-12">
              <form id="userForm">
            <div class="form-group">
              <label>Enter Username</label>
              <input class="form-control" id="Username"><br/>
              <input type="submit" class="btn btn-primary" value="Login">
            </div>
          </form>
          </div>
      </div>
        <div id="messageArea" class="row">
            <div class="col-md-4"></div>
                <div class="well">
                    <h3>Online Users</h3>
                    <ul class="list_group" id="users"></ul>
                </div>
            <div class="col-md-8"></div>
                <div class="chat" id="chat"></div>
                <form id="messageform">
                    <div class="form-group">
                        <label>Enter Your Massege</label>
                        <textarea class="form-control" id="message"></textarea><br/>
                        <input type="submit" class="btn btn-primary" value="send Massege">
                    </div>
                </form>
        </div>  
    </div>  
    <script>
        $(function(){
            var socket = io.connect("http://localhost:3000/");
        var $messageform = $('#messageform');
        var $message = $('#message');
        var $chat = $('#chat');
        var $messageArea = $('#messageArea');
        var $userFormArea = $('#userFormArea');
        var $userForm = $('#userForm');
        var $users = $('#users');
        var $Username = $('#Username');

          $messageform.submit(function(e){
            e.preventDefault();
            socket.emit('send massege', $message.val());
            $message.val('');
          });

          socket.on('new massege', function(data){
            $chat.append('<div class="well"><strong>'+data.user+'</strong>:'+data.msg+'</div>');
          });

          $userForm.submit(function(e){
            e.preventDefault();
            socket.emit('new user', $Username.val(),function(data){
              if (data){
                $userFormArea.hide();
                $messageArea.show();

              }
            });
            $Username.val('');
          });
          socket.on('get users', function(data){
            var html = '';
            for (i=0; i<data.length; i++){
              html += '<li class = "list-group-item">'+data[i]+'</li>';
             }
             $users.html(html);
          });
        });
    </script>

</body>
</html>

    

    
Probhas的简单聊天应用程序
身体{
边缘顶部：30px；
}
#消息区{
显示：无；
}
输入用户名

    
在线用户

      
请输入您的邮件

      
$（函数（）{
变量套接字=io.connect（“http://localhost:3000/");
var$messageform=$（“#messageform”）；
var$message=$（“#message”）；
var$chat=$（“#chat”）；
var$messageArea=$（“#messageArea”）；
var$userFormArea=$（“#userFormArea”）；
var$userForm=$（“#userForm”）；
var$users=$（“#users”）；
var$Username=$（“#Username”）；
$messageform.submit（函数（e）{
e、 预防默认值（）；
emit（'send massege'，$message.val（））；
$message.val（“”）；
});
socket.on（'new massege'，函数（数据）{
$chat.append（“”+data.user+”：“+data.msg+”）；
});
$userForm.submit（函数（e）{
e、 预防默认值（）；
emit（'new user'，$Username.val（），函数（数据）{
如果（数据）{
$userFormArea.hide（）；
$messageArea.show（）；
}
});
$Username.val（“”）；
});
socket.on（'get users'，函数（数据）{
var html=''；
对于（i=0；i试试这个
      

      var Server = require('socket.io');
var io = new Server();

      

      但是，请检查此
      是否看到任何错误？
      io.sockets.on（'connections'）
      ？可能是
      io.sockets.on（'connection'）
      ？没有@rastalampls更新以包含服务器代码以显示如何创建对象：服务器您在哪里定义
      服务器
      和
      应用程序
      ？