insecure WebSocket connection on reactjs deployed application

Question

I have some problems with the deployment of my React.js application on the web.

I tried with azure and with pivotal DevOps environment. Both don't work.

I don't call any websocket. The only externals connections are with firebase (npm package) and maybe with some others npm package. All others static links (js and css files) are with https protocol.

My website is currently deployed below:

https://smad-app.cfapps.io/

If I deploy in local with "serve -s build". I have any errors.

Do you have any tips or steps to fix/debug my deployment ?

https://stackoverflow.com/questions/26791107/wss-on-http-vs-wss-on-https — Roberto Zvjerković, Dec 11 '19 at 14:19
@ritaj Yes but as explained I don't create any web sockets in my app. How to find wich npm package cause me troubles ? — alexdess, Dec 11 '19 at 14:47

score 1 · Accepted Answer · answered Dec 11 '19 at 16:55

1

To solve my problem, I did the following steps according to this post to fix my problem:

Open my_project_root\node_modules\react-dev-utils\webpackHotDevClient.js

Change the connection object with the following lines:

// Connect to WebpackDevServer via a socket.
var connection = new WebSocket(
    url.format({
        protocol: window.location.protocol === 'https:' ? 'wss' : 'ws',
        hostname: window.location.hostname,
        port: window.location.port,
        // Hardcoded in WebpackDevServer
        pathname: '/sockjs-node',
        slashes: true,
        })
);

answered Dec 11 '19 at 16:55

alexdess

115
1
11

Hi there, I put the changes to the file but I still get the same error. Any other suggestions? – Jon Doe Dec 19 '19 at 13:24
Hi, Where is compiled you application ? Is it working locally ? – alexdess Dec 23 '19 at 06:36

insecure WebSocket connection on reactjs deployed application

1 Answers1