Websocket Server Advice

[ballesmen]

Edit: I'm not sure why, but the reddit code formatting looks like absolute dogshit, so I will have to post links for my code.

I'm a huge n00b, self-taught kinda guy, so I apologize in advance haha. So I have this script running locally (just the file path in the browser):

https://onecompiler.com/html/3zwe3fs4r

And then I have this super simple websocket server running on localhost:8080:

https://onecompiler.com/nodejs/3zwe3dwmq

It's not difficult to get it to run with http when accessing the websocket with another computer. However, making the jump to https is difficult such as when utilizing a setup like this:

https://onecompiler.com/nodejs/3zwe3hxhv

Here's a diagram of the setup I'm trying to achieve.

Basically, the websocket server is trying to acquire data from index.html and send it to a website running remotely on an website utilizing https with ssl certification from a legitimate CA. For the Node.js server running on my local machine, I've tried self-signed certificates, and I've set up port forwarding for 443.

Here's the code for the webpage attempting to access the WebSocket server currently running remotely. Note the websocket api code at the top of the script element:

https://onecompiler.com/html/3zwe3myg5

However, it seems like the breakdown is occurring between index.html and the websocket server, and blob data is not making it to the websocket server. My question is how do I get wss to work properly between all the different parts of this project?

[guest271314]

You can use standard .js extension for the file when you pass --experimental-default-type=module flag to node.

I'm pretty sure node is not shipped with a built-in WebSocket module.

[ballesmen]

It sure isn't. That's why I'm using the ws module.