设为首页 加入收藏

TOP

QML如何通过WebSocket和C++交互?
2018-01-03 06:06:38 】 浏览:195
Tags:QML 如何 通过 WebSocket 交互

前言

WebSocket,作为一个全双工的网络通讯协议,正在慢慢的被各大开发框架和语言接受。

其中在浏览器和程序之间,负担着大量数据传递,就是WebSocket。

今天就来说下QML如何通过WebSocket和C++交互。


信号和槽?还是WebSocket

一般来说,使用QML开发当程序,都是通过信号和槽,与C++交互。

这时候问题就来了,如果需求是要跨进程或者跨设备,那这种传统方法就不可行。

ps:这里不讨论Qt Remote Object

通常我们的做法是在C++写一个接口,把通讯协议,比如说TCP或者消息队列,封装好,然后再注册一个类到QML,再在QML中调用这个注册过去的类以及接口。

这一过程繁琐,涉及的接口多,造成诸多困扰和不便。

另外如果是自己根据一些底层协议搞,比如说根据传输层的TCP造应用层的轮子,那问题更多了,相信造过轮子的人都有感受。

即使是使用HTTP,也会有性能、网络延迟和反向通知(服务器主动通知客户端)等问题。

因此,就出现了WebSocket,在一定范围内,来解决这一系列的问题。


使用

直接上代码,展示如何使用WebSocket

C++代码(服务端):

QWebSocketServer server( "MyServer", QWebSocketServer::NonSecureMode ); // 实例化一个WebSocket服务端
QObject::connect( &server, &QWebSocketServer::newConnection, [ &server ]() // 连接信号,这里使用lambda的方式,以简化代码
{
    // 当接收到一个新连接时
    auto webSocket = server.nextPendingConnection();
    qDebug() << "newConnection:" << webSocket;

    QObject::connect( webSocket, &QWebSocket::textMessageReceived, [ webSocket ](const QString &message) // 连接信号,这里使用lambda的方式,以简化代码
    {
        // 当连接收到数据时
        qDebug() << "server textMessageReceived:" << message;
        webSocket->sendTextMessage( "Please enjoy WebSocket" );
    } );
} );
qDebug() << "listen:" << server.listen( QHostAddress::Any, 18546 ); // 开始监听

这几行代码,就可以实现一个简单的WebSocket服务端的应答机制

使用方法和QTcpServer如出一辙,就是扩展了一些接口和属性。

QML代码(客户端):

WebSocket {
    id: webSocket
    url: "ws://127.0.0.1:18546" // url表示目标的地址、端口、path和query这些
    active: true // active表示开启这个连接

    onStatusChanged: {
        // 监听socket状态变化

        if ( status === WebSocket.Open )
        {
            // Open状态表示连接已经打开,立即发送一个"Hello WebSocket"

            print( "WebSocket is opened" );
            webSocket.sendTextMessage( "Hello WebSocket" );
        }
    }

    onTextMessageReceived: {
        // 监听收到的数据,收到后通过print打印到控制台

        print( "onTextMessageReceived:", message );
    }
}

也只需要这几行代码,就可以在QML中简单的操作WebSocket完成一次发送和接收操作。

如果运行正常,那么C++和QML依次运行后,控制台就会有如下打印:

qml: WebSocket is opened
qml: onTextMessageReceived: Please enjoy WebSocket

path & query

和HTTP请求一样,WebSocket可以在url中加入path和query,让请求更规范和简洁。

例如现在有一个聊天室的WebSocket请求,进入到聊天房间1,接受所有类型的消息,那url就可以这样写:

ws://127.0.0.1:18546/chatroom/1?filter=all

在C++端,可以这样解析:

qDebug() << "path:" << webSocket->request().url().path();
qDebug() << "query:" << webSocket->request().url().query();

C++端,打印内容如下:

path: "/chatroom/1"
query: "filter=all"

总结

WebSocket与常见的HTTP和TCP相比,他相当于结合了二者的优点,既能够方便快捷的使用,又能保持长连接、低延迟和双向通讯等特点。

但是,WebSocket必然不是一个万能协议,不是说他出现,就直接干掉HTTP和TCP了,最终技术选型,还是要按照项目实际需求来。


编程开发网
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇c++中头文件互相包含的方法讲解 下一篇C++正则表达式;regex

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容:

最新文章

热门文章

C 语言

C++基础

windows编程基础

linux编程基础

C/C++面试题目