Web插座握手期间的错误;Websocket连接失败，使用Autobahn.js

Question

我正在尝试使用Ratchet，React和Autobahn创建WebSocket服务器。尝试连接时，我会在控制台中获得此错误

autobahn.min.js：196 WebSocket连接到'ws：//localhost：8090/' 失败：Websocket握手期间的错误：意外响应代码： 426

在Google的一些挖掘过程中，我发现棘轮仅支持WAMP1，但是该信息是2014年。这仍然相关吗？

这是JS

   var connection = new autobahn.Connection({
    transports: [{
      type: 'websocket',
      port: 8090,
      host: 'localhost',
      url: 'ws://localhost:8090'
    }],
    realm: 'realm1'
  });
  connection.open();

这是WebSocketController类

<?php
namespace AppHttpControllers;
use RatchetMessageComponentInterface;
use RatchetConnectionInterface;
use RatchetWampWampServerInterface;
class WebSocketController extends Controller implements WampServerInterface{
    private $connections = [];
    protected $subscribedTopics = array();
    public function onSubscribe(ConnectionInterface $conn, $topic) {
        $this->subscribedTopics[$topic->getId()] = $topic;
    }
    public function onUnSubscribe(ConnectionInterface $conn, $topic) {
    }
    public function onOpen(ConnectionInterface $conn) {
        $this->connections->attach($conn);
        echo "New connection! ({$conn->resourceId})n";
    }
    public function onClose(ConnectionInterface $conn) {
    }
    public function onCall(ConnectionInterface $conn, $id, $topic, array $params) {
        // In this application if clients send data it's because the user hacked around in console
        $conn->callError($id, $topic, 'You are not allowed to make calls')->close();
    }
    public function onPublish(ConnectionInterface $conn, $topic, $event, array $exclude, array $eligible) {
        // In this application if clients send data it's because the user hacked around in console
        $conn->close();
    }
    public function onError(ConnectionInterface $conn, Exception $e) {
      echo "New error!".$e;
    }
        /**
         * @param string JSON'ified string we'll receive from ZeroMQ
         */
        public function onBlogEntry($entry) {
            $entryData = json_decode($entry, true);
            // If the lookup topic object isn't set there is no one to publish to
            if (!array_key_exists($entryData['category'], $this->subscribedTopics)) {
                return;
            }
            $topic = $this->subscribedTopics[$entryData['category']];
            // re-send the data to all the clients subscribed to that category
            $topic->broadcast($entryData);
        }
}

这是服务器：

$loop   = Factory::create();
$pusher = new WebsocketController;
// Listen for the web server to make a ZeroMQ push after an ajax request
$context = new Context($loop);
$pull = $context->getSocket(ZMQ::SOCKET_PULL);
$pull->bind('tcp://127.0.0.1:5555'); // Binding to 127.0.0.1 means the only client that can connect is itself
$pull->on('message', array($pusher, 'onBlogEntry'));
// Set up our WebSocket server for clients wanting real-time updates
$webSock = new ReactSocketServer('0.0.0.0:8090', $loop); // Binding to 0.0.0.0 means remotes can connect
$webServer = new RatchetServerIoServer(
    new RatchetHttpHttpServer(
        new RatchetWebSocketWsServer(
            new RatchetWampWampServer(
                $pusher
            )
        )
    ),
    $webSock
);
$loop->run();

标题

Request URL:ws://localhost:8090/
Request Method:GET
Status Code:426 No Sec-WebSocket-Protocols requested supported
Response Headers
view source
Connection:Upgrade
Sec-WebSocket-Protocol:0
Sec-WebSocket-Version:13
Transfer-Encoding:chunked
Upgrade:websocket
X-Powered-By:Ratchet/0.4
Request Headers
view source
Accept-Encoding:gzip, deflate, br
Accept-Language:en-US,en;q=0.9,et;q=0.8
Cache-Control:no-cache
Connection:Upgrade
Host:localhost:8090
Origin:http://ermp.ee:8000
Pragma:no-cache
Sec-WebSocket-Extensions:permessage-deflate; client_max_window_bits
Sec-WebSocket-Key:GbJ7qf3lzKDE2hmh3mxJpQ==
Sec-WebSocket-Protocol:wamp.2.json, wamp.2.msgpack
Sec-WebSocket-Version:13
Upgrade:websocket
User-Agent:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.94 Safari/537.36

我在这里做错了什么？

Answer 1

我在遇到这个问题时正在制作与您的程序相似的东西。我意识到我在错误的端口上运行了本地主机，并且在所需的选定端口的背景下运行Skype之类的过程。本地主机在端口8000上运行。将您的代码更改为此，并尝试在我的一个项目中对我有用，

var connection = new     autobahn.Connection({
transports: [{
  type: 'websocket',
  port: 8000,
  host: 'localhost',
  url: 'ws://localhost:8000'
}],
realm: 'realm1'

}）;connection.open（）;

还要检查计算机是否已经在端口8000上运行的应用程序，如果该应用程序结束了解决问题的程序/过程。

在服务器中：

$webSock = new ReactSocketServer('0.0.0.0:8000', $loop); // Binding to 0.0.0.0 means remotes can connect

标题：

Host:localhost:8000

，您正确的棘轮确实仅支持WAMP1 也许您可以将棘轮切换到可以解决问题的通道

Answer 2

我从棘轮切换到thruwayphp，如果其他人遇到相同的问题，它立即开始工作。