I have a working websocket server. I use a websocket as client in web browser/react before, but I’m unable to use Websocket inside electron app since WebSocket depends on browser’s compatibility and for some reason, this feature is unavailable in Electron.
I use nextron (nextjs/react + electron) boilerplate.
import React from 'react';
import Head from 'next/head';
import { ThemeProvider } from '@material-ui/core/styles';
import CssBaseline from '@material-ui/core/CssBaseline';
import { theme } from '../lib/theme';
import type { AppProps } from 'next/app';
export default function (props: AppProps) {
const { Component, pageProps } = props;
const ws = new WebSocket("ws://192.168.100.8:8081/")
console.log("file: _app.tsx:11 ~ ws", ws)
React.useEffect(() => {
const jssStyles = document.querySelector('#jss-server-side');
if (jssStyles) {
jssStyles.parentElement.removeChild(jssStyles);
}
}, []);
return (
<React.Fragment>
<Head>
<meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width" />
</Head>
<ThemeProvider theme={theme}>
<CssBaseline />
<Component {...pageProps} />
</ThemeProvider>
</React.Fragment>
);
}