Padrino websockets + Heroku;连接在收到握手响应之前关闭

Question

我使用padrino websockets (https://github.com/dariocravero/padrino-websockets)为我的站点提供一个聊天系统，它在我的本地机器上工作得很好。然而，在部署到heroku (free)之后，websocket将不建立连接，并返回

failed: Connection closed before receiving a handshake response

它在本地主机上工作得很好，我用它来连接:

connection = new WebSocket('ws://localhost:3000/channel');

但是，当在heroku上使用时:

connection = new WebSocket('ws://******.herokuapp.com:3000/channel');

它返回握手错误(如上)

我的实现服务器端

websocket :channel do
  on :newmessage do |message|
    currentAccount = Account.find_by(lastLoginIP: message["ip"]) rescue nil
    if currentAccount != nil
      broadcast :channel, {
        "name" => currentAccount.nickname,
        "url" => currentAccount.url,
        "image" =>  currentAccount.image,
        "chatmessage" => message["chatmessage"][0..80]
        }
    end
  end
end

在我的主Padrino app.rb中，这个在我的个人资料中。发生了什么事?

web: bundle exec puma -t 1:16 -p ${PORT:-3000} -e ${RACK_ENV:-production}

Answer 1

您的Websocket端口(3000)在Heroku上不公开可用。

Heroku将任何发送到端口80或端口443的请求转发到web动态服务器的动态端口，存储在$PORT bash变量中。

在您的浏览器(客户端)中，尝试替换这一行:

 connection = new WebSocket('ws://localhost:3000/channel');

用这行:

 connection = new WebSocket('ws://' + window.document.location.host + 'channel');

或者，如果你想同时支持SSL和未加密的Websockets:

 ws_uri = (window.location.protocol.match(/https/) ? 'wss' : 'ws') +
          '://' + window.document.location.host + 'channel';
 connection = new WebSocket(ws_uri)

如果你的应用程序和websocket层共享同一个服务器，它应该工作