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
    }

使用this文章在Node.js和Socket.io上实现服务器。问题是，当我尝试连接到服务器时，应用程序会抛出这个：

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: "ws://localhost:3700"

如果您使用安全连接，请

或wss://。

还要考虑到QML WebSocket仅支持WebSocket协议的第13版。有关详细信息，请参阅RFC documentation。

Answer 2

我找到了一个更简单的解决方案来解决这个问题。

使用带有socket.io的websockets时，将url设置为"ws://localhost:3000"并不容易在与socket.io交谈时，您还必须设置传输类型，例如：

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

QML WebSocket错误：不支持的WebSocket方案：http

2 个答案: