Migration from Oxide

fulvio

Hi All,
i'm moving a my old App based on Oxide library (now deprecated) to the new Ubuntu.Web
I have some issues doing that:
Using Oxide was possible send "messages" (ie: events) from QML to an html file using the function "sendMessage"
like this:

In qml file:

webview.rootFrame.sendMessage("messaging://", "**GET_CONTENT**", <other param>);

In the index.html file there is the listener for the event named "GET_CONTENT":

<script>
document.addEventListener("**GET_CONTENT**", function (event) {
            //invoke a JS function in the html file
        });
</script>

in qml file index.html is declare as:

WebView {                 
                 url: "./www/**index.html**"
  })

Is possible do the same things wiht Ubunt.Web ?
Is there somewhere a guide (or better) sample code to perform the same things ?

PS: the source code of the app https://github.com/fulvio999/theGrid (now on Openstore is unpublished)

Thanks !

lduboeuf

@fulvio I don't know if WebChannel is available in Morph.Web, but if it is this should be the way to go, example here: https://retifrav.github.io/blog/2018/07/14/html-from-qml-over-webchannel-websockets/

fulvio

Thanks @lduboeuf for the interesting links, is the right direction, but after some attempts
seems that WebChannel is not included/supported in Morph.Web. Also QtWebSockets doesn't works.

kugiigi

@fulvio WebEngineView is used in Morph.Web module so anything that that supports should just work.

lduboeuf

@fulvio Humm at least websocket should be working as https://www.websocket.org/echo.html works.
Don't know for the WebChannel, could you provide some logs ?,

fulvio

Thanks @lduboeuf for the links (sorry for the late response but i was busy).
They are the right direction to solve the issues (QML <--> html communication without Oxide).

I'm trying to implements the solution "Mostly qml" described at: https://retifrav.github.io/blog/2018/07/14/html-from-qml-over-webchannel-websockets/
because implements both the side (html and qml)

I have create a new C++ App using clickable and looked at sample code from article source: https://github.com/retifrav/qml-webchannel-websockets/tree/master/websockets-mostly-qml)

But there is an issues running "clickable desktop" :
"webSocketTransport.h:11:40: fatal error: QWebChannelAbstractTransport: No such file or directory"

(QWebChannelAbstractTransport is a standard QT class)
I'm not a QT/C++ developer but i suppose that some QT components are not included in Clickable to implements the solution.

Thanks

lduboeuf

@fulvio this issue could be a good candidate for a bug report https://github.com/ubports/morph-browser/issues

I've tried also without success too but can't remember the issue.

fulvio

@lduboeuf Done: https://github.com/ubports/morph-browser/issues/454

fulvio

UPDATE: After some attempts and the help of Balcy user i finally get a working example on Desktop: clickable desktop
Source code: https://github.com/fulvio999/testWebChannel

Running on device i have this blocking issue: https://github.com/fulvio999/testWebChannel/issues/1
Any idea to solve it is welcome. Thanks !