How to use Qt WebEngine and QWebChannel?

by

In Qt5.6, if you want to make C++ part and JavaScript to communicate, the only way to do it is using QWebChannel on a QWebEngineView, as you stated. You do it this way in the .cpp file:

m_pView = new QWebEngineView(this);
QWebChannel * channel = new QWebChannel(page);
m_pView->page()->setWebChannel(channel);
channel->registerObject(QString("TheNameOfTheObjectUsed"), this);

Here, you just say that you register an object named TheNameOfTheObjectUsed that will be available on the JS side. Now, this is the part of code to use in the JS side :

new QWebChannel(qt.webChannelTransport, function (channel) {
            // now you retrieve your object
            var JSobject = channel.objects.TheNameOfTheObjectUsed;
        });

Now, if you want to retrieve some properties of the class in the JS side, you need to have a method on the C++ side which returns a string, an integer, a long… This is what it looks like on the C++ side, in your .h:

Q_INVOKABLE int getInt();
Q_PROPERTY(int myIntInCppSide READ getInt);

And now, you get the int like this on the JS side :

var myIntInJSside= JSobject.myIntInCppSide;

This is a very simple explanation, and I recommend you to watch this video which was very useful to me. Also, you might want to read more about the JavaScript API provided by QWebChannel, as well as the documentation about QWebChannel.

Hope that helps!

More Related Contents:

  1. jquery messagebox get from button click mvc4
  2. How can I get the current Crome URL?
  3. How to append whole set of model to formdata and obtain it in MVC
  4. Restricting Character length in Regular expression
  5. Call ASP.NET function from JavaScript?
  6. Execute JavaScript using Selenium WebDriver in C#
  7. Accessing Asp.net controls using jquery (all options)
  8. How to call a C# function from JavaScript?
  9. Restricting character length in a regular expression
  10. jQuery returning “parsererror” for ajax request
  11. C# Web method is not calling in javascript
  12. Fast rectangle to rectangle intersection
  13. How to record webcam and audio using webRTC and a server-based Peer connection
  14. Showing C# tags in Jekyll Github pages using Highlight.js
  15. How to pass a value to razor variable from javascript variable?
  16. force browsers to get latest js and css files in asp.net application
  17. How to set javascript variables using MVC4 with Razor
  18. Passing dynamic javascript values using Url.action()
  19. Function not defined error while using asp.net ajax
  20. Random floating point double in Inclusive Range
  21. CORS: credentials mode is ‘include’
  22. Why is Math.pow(0, 0) === 1?
  23. How to find horizon line efficiently in a high-altitude photo?
  24. “Object doesn’t support property or method ‘find'” in IE
  25. C# MVC Controller cannot get decimal or double values from Ajax POST request
  26. ASP.NET Parse DateTime result from ajax call to javascript date
  27. Using Crypto-JS in Google Apps Script – What is C.lib?
  28. Pass a JavaScript array as argument to a WebAssembly function
  29. Compile JavaScript to Native Code with V8
  30. How do I find the DOM node that is at a given (X,Y) position? (Hit test)

Leave a Comment