Shoppify App Theme Extension connect Socket IO

Technical Q&A
1

Hello!

I’m trying to create a Theme App Extension and for that I would use Socket IO for the websocket functions. However, I am not able to connect, I had an old project that worked as shown in the code below.

Error in my attempts:

guilhermealbino_0-1674670905164.png
guilhermealbino_0-1674670905164.png782×128 6.27 KB

Code used trying connect the Socket IO

import { io } from "https://cdn.socket.io/4.5.4/socket.io.esm.min.js";

  const ws = new WebSocket('ws://localhost:8081')
  const socket = io(ws, { transports: ['websocket'] });

  socket.on("connect_error", (err) => {
    console.log(`connect_error due to ${err.message}`);
  });

Could anyone help me with this? Or let me know if Socket IO is still used in these cases? Thanks!