Qt WebChannel Standalone Example | Qt WebChannel 5.6

Qt 5.6 | Qt WebChannel | Qt WebChannel Standalone Example

Qt 5.6.2 Reference Documentation

# Qt WebChannel Standalone Example

Standalone demonstrates how to use the QWebChannel C++ API to communicate with an external client. It is a simple chat between a C++ application and a remote HTML client running in your default browser.

## Running the Example

To run the example from Qt Creator, open the Welcome mode and select the example from Examples. For more information, visit Building and Running an Example.

## Communicating with a Remote Client

The C++ application sets up a QWebChannel instance and publishes a `Dialog` object over it. For the remote client side, index.html is opened. Both show a dialog with the list of received messages and an input box to send messages to the other end.

The `Dialog` emits the `Dialog::sendText()` signal when the user sends a message. The signal automatically gets propagated to the HTML client. When the user enters a message on the HTML side, `Dialog::receiveText()` is called.

All communication between the HTML client and the C++ server is done over a WebSocket. The C++ side instantiates a QWebSocketServer and wraps incoming QWebSocket connections in QWebChannelAbstractTransport objects. These objects are then connected to the QWebChannel instance.

Files:

- standalone/dialog.ui
- standalone/index.html
- standalone/main.cpp
- standalone/standalone.pro

See also Qt WebChannel JavaScript API.