尝试在 Heroku 上部署 Node.js/Express/Socket.io 应用程序时出现应用程序错误

Posted 2023-03-07

技术标签:

【中文标题】尝试在 Heroku 上部署 Node.js/Express/Socket.io 应用程序时出现应用程序错误【英文标题】：Application Error when attempting to deploy Node.js/Express/Socket.io application on Heroku 【发布时间】：2014-09-16 18:34:00 【问题描述】：

我对所有这些技术（包括一些 javascript）都很陌生，所以你可能不得不在这里忍受我。

我非常密切地按照 Socket.IO 文档中的 ChatApp 教程进行操作，并根据自己的喜好对应用程序进行了一些修改；但是，我认为我在服务器交互和其他方面没有太大变化。我的问题是无论我做什么，我似乎都无法让我的应用程序在 Heroku 上成功运行。尝试加载应用程序时收到此错误消息：

应用程序错误应用程序发生错误，无法提供您的页面。请稍后重试。如果您是应用程序所有者，请查看您的日志以了解详细信息。

我不确定我是否遗漏了一些明显的东西或什么。

这是我的主要 index.js 文件：

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

app.get('/', function(req, res)
    res.sendfile('index.html');
);

app.use("/css", express.static(__dirname + '/css'));

//array of users currently in chat
var people = ;

io.on('connection', function(socket)
    console.log('user connected!');

    socket.on('join', function(name)
        people[socket.id] = name; //create entry in 'people' with new user
        socket.emit("update", "You have connected to the server.");
        io.sockets.emit("update", name + " has joined the server.");
        io.sockets.emit("update_people_list", people);
    );

    socket.on('disconnect', function()
        console.log('user disconnected!');
        if(people[socket.id] != "")
            io.sockets.emit("update", people[socket.id] + " has left the server.");
            delete people[socket.id];
            io.sockets.emit("update_people_list", people);
        
    );

    socket.on('chat message', function(msg)
        console.log('message: ' + msg);
        io.sockets.emit('chat message', people[socket.id], msg);
    );
);


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

index.html

<script src="/socket.io/socket.io.js"></script>
<script src="http://code.jquery.com/jquery.js"></script>
<script>
  $(document).ready(function()
    var ready = false;
    var socket = io.connect();

    $("#chat").hide();
    $(".canvasDiv").hide();
    $("#name").focus();
    //prevent form from being submitted without name
    $("form").submit(function(event)
      event.preventDefault();
    );

    //allows entering by hitting 'Enter' for name
    $("#name").keypress(function(e)
      if(e.which == 13)  //if ENTER key
        var name = $("#name").val();
        if(name != "")
          socket.emit("join", name);
          $("#login").detach();
          $("#chat").show();
          $("#msg").focus();
          ready = true;
        
      
    );

    $('#chatform').submit(function()  //when submit chat message
      socket.emit('chat message', $('#msg').val()); //emit message + value of input
      $('#msg').val('');  //empty field?
      return false; //so that the page doesn't refresh
    );

    //SOCKET LISTENING
    socket.on('chat message', function(user, msg)
      if(ready)
        $('#messages').append("<p><strong><span class='chat-user'>" + htmlEntities(user) + " </span></strong>:  " + htmlEntities(msg) + "</p>");
        //adjust height and scroll as need be:
        var $container = $('#messages');
        var height = $container.get(0).scrollHeight;
        $container.scrollTop(height);
      
    );

    socket.on("update", function(io_message)
      if(ready)
        $('#messages').append("<p class='notification'>" + htmlEntities(io_message) + "</p>")
      
    );

    socket.on("update_people_list", function(people)
      if(ready)
        $("#people").empty(); //clear to refresh it
        $.each(people, function(client_id, name)
          $('#people').append("<p class='notification'>" + htmlEntities(name) + "</p>");
        );
        var $container = $("#messages");
        var height = $container.get(0).scrollHeight;
        $container.scrollTop(height);
      
    );

  );
</script>

另外，我的 package.json 文件

 
  "name": "socket-chat-example",
  "version": "0.0.1",
  "description": "my first socket.io app",
  "dependencies": 
    "express": "^4.6.1",
    "socket.io": "^1.0.6"

过程文件：