WebRTC and local development

Hossein · October 14, 2019, 11:46am

Regarding issue #1806, If NOT using “legacy” option, how do you pass IP address of computer when starting the local dev server? Should updating --address to point to computer IP do the trick (then using companion to access dev server and retrieving assets from dev server)?

ewpatton · October 14, 2019, 3:44pm

Yes. When I run it I pass -a 0.0.0.0 to listen on all IPs and then point your browser to the IP address of your computer on the network. There will need to be a routable path between your device and the computer for this to work as the device attempts to retrieve the assets directly from the server, so it won’t work, for example, if your computer is behind a NAT and your phone is on cellular. If you’re at home and on the same WiFi it should be fine. If you’ve got a firewall set up you may need to make an allowance for the dev server to listen on port 8888 on a non-localhost interface.

FYI the relevant code for asset transfer in the WebRTC case is here:

github.com

mit-cml/appinventor-sources/blob/7541b793dd1057c860403fb93bb82e9b2da15d3d/appinventor/blocklyeditor/src/replmgr.js#L1631


};


Blockly.ReplMgr.putAsset = function(projectid, filename, blob, success, fail, force) {
    if (top.ReplState === undefined)
        return false;
    if (!force && (top.ReplState.state != this.rsState.ASSET && top.ReplState.state != this.rsState.CONNECTED))
        return false;           // We didn't really do anything
    if (top.usewebrtc) {
        // Note: if using webrtc we ignore the passed in callback and
        // instead just call makeAssetTransferred ourselves
        var uri = window.location.origin;
        var cookie = this.getCookie();
        console.log("putAsset uri = " + uri + " cookie = " + cookie);
        var yail = "(AssetFetcher:fetchAssets \"" + cookie + "\" \"" + projectid +
            "\" \"" + uri + "\" \"" + filename + "\")";
        console.log("Yail for putAsset = " + yail);
        this.putYail();         // This sets up the internal context variable
                                // inside of the Closure for putYail and friends
        this.putYail.putAsset(yail);
        return true;
    }