Websocket + localhost Webview not working (code:1006)

Specification

• Platform: Linux
• Version: Python3.5 / v2.0.3

Description

Hi everyone,

I have a big issue, I attempt to use a websocket to communicate between the webview and my python software.

• If run the webpage (websocket client) not in the pywebview it works (ws://localhost:8080).
• If I use pywebview and another websocket server address (not localhost), (e.g: wss://echo.websocket.org/) it works too

But: No matter the port if I use local server (localhost) + start the webpage client with pywebview

I try to update the header of the websocket server (in case of CORS error):

headers["Access-Control-Allow-Origin"] = "*"
headers["Access-Control-Allow-Headers"] = "origin, x-requested-with, content-type"
headers["Access-Control-Allow-Methods"] = "PUT, GET, POST, DELETE, OPTIONS"

But it’s not working neither.

Here the Python code:

# https://websockets.readthedocs.io/en/stable/

import asyncio
import websockets

async def hello(websocket, path):
    name = await websocket.recv()
    print("Msg received from the client: '{}'".format(name))
    msg = "Hello {}!".format(name)
    print("Msg sending to the client: '{}'".format(msg))
    await websocket.send(msg)
    print("Msg sent")


headers = websockets.http.Headers()
headers["Access-Control-Allow-Origin"] = "*"
headers["Access-Control-Allow-Headers"] = "origin, x-requested-with, content-type"
headers["Access-Control-Allow-Methods"] = "PUT, GET, POST, DELETE, OPTIONS"

start_server = websockets.serve(hello, '127.0.0.1', 8080, extra_headers=headers)

import webview
import traceback

try:
	webview.create_window("Test wewbsocket & webview", "file:///home/xxx/test_websocket.html")
except:
	print(traceback.format_exc()[:-1])

asyncio.get_event_loop().run_until_complete(start_server)
asyncio.get_event_loop().run_forever()

The js code:

function add_message(source, message) {
    var li_elem = document.createElement("li");
    var span = document.createElement("span");
    span.setAttribute("class", source);
    span.innerHTML = message;
    li_elem.appendChild(span)
    document.getElementById("messages").appendChild(li_elem);
}

function send_message(socket, message) {
    add_message("client", message);
    socket.send(message);
}

function receve_message(message) {
    add_message("server", message);
}

function connect_to_server() {
    // var socket = new WebSocket("ws://localhost:8765");
    var socket = new WebSocket("ws://localhost:8080");
    add_message("system", "Init server");

    socket.onopen = function(event) {
        send_message(socket, 'Test de message');
        /* setTimeout(function() {
            socket.send();
        }, 1000); */
    };

    socket.onmessage = function(event) {
        add_message("system", "Message receving");
        receve_message(event.data);
    }

    socket.onerror = function(event) {
        add_message("system", "Error with the server: " + JSON.stringify(event));
    }

    socket.onclose = function(event) {
        add_message("system", "Connection closed with the server: " + JSON.stringify(event));
        setTimeout(function() {
            add_message("system", "Reconnecting attempt");
            connect_to_server();
        }, 2000);
    }
}

window.onload = function() {
    connect_to_server();
}

Any idea?

[delbos-d]

The interesting thing is if I split the python file (socket server in one and the webview in the other file) it works (the webpage communicate with the socketserver without any error).

I will try to use a webserver, but I try to limit the resources used (it’s why I use a webview)

[r0x0r]

The issue was solved here https://github.com/r0x0r/pywebview/issues/370 I am closing this ticket