QML WebSocket錯誤：不支持的WebSocket方案：http

Question

我使用QML的WebSockets組件創建了一個簡單的聊天應用程序。這只是客戶端：

Window { 
    id: root 
    visible: true 
    width: 1024 
    height: 768 

    property variant messages: [] 

    WebSocket { 
     id: sock 
     url: "http://localhost:3700" 
     onTextMessageReceived: { 
      var data = message; 
      var messages = root.messages; 
      if(data.message) { 
       messages.push(data); 
       var html = ''; 
       for(var i = 0; i < messages.length; i++) { 
        html += '<b>' + (messages[i].username ? messages[i].username : 'Server') + ': </b>'; 
        html += messages[i].message + '<br />'; 
       } 
       messageBox.append(html); 
      } else { 
       messageBox.append("There is a problem:", data); 
      } 
     } 
     onStatusChanged: { 
      if (sock.status == WebSocket.Error) { 
       messageBox.append("Error: " + sock.errorString); 
      } 
      else if (sock.status == WebSocket.Open) { 
       messageBox.append("Socket open"); 
      } 
      else if (sock.status == WebSocket.Closed) { 
       messageBox.append("Socket closed"); 
      } 
     } 
     active: false 
    } 

服務器上的Node.js和Socket.io使用this文章來實現。 問題是，當我嘗試連接到該應用程序將引發此服務器：

Error: Unsupported WebSocket scheme: http

如果我改變協議WS，則服務器關閉連接。我能做什麼？

服務器代碼：

var express = require("express"); 
var app = express(); 
var port = 3700; 

app.set('views', __dirname + '/tpl'); 
app.set('view engine', "jade"); 
app.engine('jade', require('jade').__express); 
app.get("/", function(req, res){ 
    res.render("page"); 
}); 

app.use(express.static(__dirname + '/public')); 

var io = require('socket.io').listen(app.listen(port)); 

io.sockets.on('connection', function (socket) { 
    socket.emit('message', { message: 'welcome to the chat' }); 
    socket.on('send', function (data) { 
     io.sockets.emit('message', data); 
    }); 
}); 

console.log("Listening on port " + port); 

Answer 1

從Qt文檔： The url must have one of 2 schemes: ws:// or wss://. When not supplied, then ws:// is used. 所以，你必須指定URL作爲

url: "ws://localhost:3700" 

或wss://如果使用安全連接。

還要考慮到QMLWebSocket僅支持WebSocket協議的版本13。 有關更多信息，請參閱RFC documentation。

Answer 2

我發現這個問題更簡單的解決方案。

它不如使用與socket.io 的WebSockets時，您還可以設置傳輸型交談socket.io時設置的URL "ws://localhost:3000"，例如簡單：

url: "ws://127.0.0.1:3000/socket.io/?EIO=3&transport=websocket"

這可以與qt提供的QML WebSockets示例一起使用 http://doc.qt.io/qt-5/qtwebsockets-qmlwebsocketclient-qml-qmlwebsocketclient-main-qml.html