Difficulties accessing object in JavaScript using QWebChannel in other scope

[tabularasa]

I'm new to QWebChannel, so I apologize in advance if this is a stupid question. But I am having some difficulty figuring out how to access Qt objects/methods, elsewhere in my JavaScript app, using QWebChannel. The comments in the JS snippet below should clarify what I mean. I can access everything fine in the callback when I instantiate QWebChannel, but it seems like channel.objects loses its context outside of that...even if I try to make it global.

JS snippet:

new QWebChannel(qt.webChannelTransport, function (channel) { 
    channel.objects.bridge.sendMessage("hello");  // this works
    window.bridge = channel.objects.bridge; // try to make global
});
 
function foo (msg) {
    bridge.sendMessage("hello from foo");  // this doesn't work
    window.bridge.sendMessage("hello from foo");  // this doesn't work
    // how might I access sendMessage here?
}

new QWebChannel(qt.webChannelTransport, function (channel) { 
    channel.objects.bridge.sendMessage("hello");  // this works
    window.bridge = channel.objects.bridge; // try to make global
});

function foo (msg) {
    bridge.sendMessage("hello from foo");  // this doesn't work
    window.bridge.sendMessage("hello from foo");  // this doesn't work
    // how might I access sendMessage here?
}

To copy to clipboard, switch view to plain text mode 

On the Python side:

from PyQt5.QtWebEngineWidgets import QWebEnginePage
from PyQt5.QtCore import pyqtSlot, pyqtSignal
 
 
class MyWebPage(QWebEnginePage):
 
    Bridge = pyqtSignal(list)
 
    def __init__(self):
        super(MyWebPage, self).__init__()
 
    def javaScriptConsoleMessage(self, level, message, lineNumber, sourceId):
        toWrite = "JsConsole(%s:%d):\n %s" % (sourceId, lineNumber, message)
        self._log.info(toWrite)
        print toWrite
 
    @pyqtSlot(str)
    def sendMessage(self, msg):
        print msg
        self.Bridge.emit(msg)  # over here, a signal is emitted with the message for elsewhere in the code

from PyQt5.QtWebEngineWidgets import QWebEnginePage
from PyQt5.QtCore import pyqtSlot, pyqtSignal


class MyWebPage(QWebEnginePage):

    Bridge = pyqtSignal(list)

    def __init__(self):
        super(MyWebPage, self).__init__()

    def javaScriptConsoleMessage(self, level, message, lineNumber, sourceId):
        toWrite = "JsConsole(%s:%d):\n %s" % (sourceId, lineNumber, message)
        self._log.info(toWrite)
        print toWrite

    @pyqtSlot(str)
    def sendMessage(self, msg):
        print msg
        self.Bridge.emit(msg)  # over here, a signal is emitted with the message for elsewhere in the code

To copy to clipboard, switch view to plain text mode 

Any help would be greatly appreciated. I am using the qtwebchannel.js file included in Qt5.6 and just loading it into my HTML document.

[anda_skoa]

Maybe the JS object created by new QWebChannel(...) needs to be saved somewhere as well?
E.g. maybe it is currently garbage collected by the JS engine after the callback ran.

Cheers,
_

[tabularasa]

Thank you for the reply!

Maybe the JS object created by new QWebChannel(...) needs to be saved somewhere as well?
E.g. maybe it is currently garbage collected by the JS engine after the callback ran.

Do you mean doing something like:

window.webChannel = new QWebChannel(qt.webChannelTransport, function (channel) { 
    channel.objects.bridge.sendMessage("hello");  // this works
    window.bridge = channel.objects.bridge; // try to make global
});

window.webChannel = new QWebChannel(qt.webChannelTransport, function (channel) { 
    channel.objects.bridge.sendMessage("hello");  // this works
    window.bridge = channel.objects.bridge; // try to make global
});

To copy to clipboard, switch view to plain text mode 

Unfortunately, that doesn't seem to fix the problem either.

[anda_skoa]

Hmm, yes, that's what I had in mind.
All examples seem to indicate that this and your original approach should work.

Does the object still exist on the application side?

Cheers,
_