Autobahn 0.9.5 (AMD) - WebSocket 握手期间出错

Question

我正在尝试使用 DurandalJS 在我的 SPA 项目中实现 autobahn 0.9.5。

        var ab = require('autobahn');

        live = new ab.Connection(
        {
            url: 'ws://localhost:8080',
            realm: 'realm1'
        });

        live.onopen = function(session, details)
        {
            console.log('Autobahn open successfully!', session);
        };

        live.onclose = function(reason, details)
        {
            console.log('Autobahn connection lost', reason + ' - ' + details);
        };

        live.open();

我在 firefox 和 chrome 浏览器上收到错误

火狐：

 InvalidAccessError: A parameter or an operation is not supported by the underlying object
 websocket.close(code, reason);

铬：

WebSocket connection to 'ws://localhost:8080/' failed: Error during WebSocket handshake: Sent non-empty 'Sec-WebSocket-Protocol' header but no response was received 

我不知道发生了什么..

在我开始之前 - 高速公路 0.9.5

我在 test.html 上编写了简单的测试，以查看后端中的所有设置是否正确。
但在这个测试中，我目前使用 autobahn 0.8.2

test.html

<script src="http://autobahn.s3.amazonaws.com/js/autobahn.min.js"></script>
<script>
    var conn = new ab.Session(

        // Websocket host
        'ws://localhost:8080',

        // Callback on connection established
        function() {
            // Once connect, subscribe to channel
            conn.subscribe('3', function(topic, data) {
                console.log(topic, data);              
            });
        },

        // Callback on connection close
        function() {
            console.warn('WebSocket connection closed');
        },

        // Additional AB parameters
        {'skipSubprotocolCheck': true}
    );
</script>

这个测试完全符合我的需要，但是在我尝试在实际项目中实现它之后，我无法使用 requireJS 加载 autobahn 0.8.2，它一直给我一个错误 ab 未定义。

我真的不明白发生了什么，根据autobahn getting started，它应该可以工作。

这是我在 main.js 上定义它的方式（requirejs 路径和 shim 配置）

requirejs.config({
  paths: {
      'autobahn'          : 'https://autobahn.s3.amazonaws.com/autobahnjs/latest/autobahn.min',
      'when'              : 'https://cdnjs.cloudflare.com/ajax/libs/when/2.7.1/when'
  },
  shim: {
     'autobahn': {
         deps: ['when']
     }
  }
});

希望有人可以帮助我，我真的很喜欢让它工作！

任何帮助将不胜感激！ 谢谢

Answer 1

可能晚了，但供进一步参考。

这可能不是对 SO 问题的完整答案。

首先，所有内容都应该为 AutobahnJS v0.8.2（支持 WAMPv1）或 AutobahnJS v0.9.5 (WAMPv2) 编写。

检查 API 文档。

WAMP v1

• AutobahnJS v0.8.2 API - http://autobahn.ws/js/reference_wampv1.html
• 从http://autobahn.s3.amazonaws.com/js/autobahn.js加载
• 高速公路的全局变量是 ab
• 正在连接var conn = new ab.Session(wuri, onOpenCallback, onCloseCallback, options);

WAMP v2

• AutobahnJS v0.9.5 API - http://autobahn.ws/js/reference.html
• 从https://autobahn.s3.amazonaws.com/autobahnjs/latest/autobahn.min.jgz加载
• 高速公路的全局变量是高速公路
• 正在连接new autobahn.Connection({url: wuri, realm: yourRealm});