Socket io CORS blocked

Question

i got this warning when using https domain and https socket io.

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://iosocket.transys.id:30005/socket.io/?EIO=3&transport=polling&t=McZQ-hN. (Reason: CORS request did not succeed).

my code is like this:

var socket  = require( 'socket.io' );
var express = require('express');
var app     = express();
var server  = require('http').createServer(app);
var io      = socket.listen( server);
var port    = process.env.PORT || 3000;
var storesession = [];



server.listen(port, function () {
 console.log('Server listening at port %d', port);
 });

io.set('transports',['websocket']);
io.on('connection', function (socket) {

would like to have answer to solve this one. i already searched from others and doesn't work when i applied.

Shamshirsaz.Navid Shamshirsaz.Navid · Accepted Answer · 2020-11-30T07:22:58

Depending on the circumstances of the project, this may not be what you need. But anyway, I write that it might help someone. I myself wanted to connect to Socket.IO + NodeJS from a script rendered with php.

A complete working code can be like this for both ends:

Server:

let pth = require('path');
let exp = require('express');
let app = exp();

//UPDATE: this is seems to be deprecated
//let io = require('socket.io').listen(app.listen(9009));
//New Syntax:
let io = require('socket.io')(app.listen(9009));

app.all('/', function (q, p, next) {
    p.header("Access-Control-Allow-Origin", "*");
    p.header("Access-Control-Allow-Headers", "X-Requested-With");
    next();
});

io.on('connection', (socket) => {
    console.log("connected");
    socket.on('msg', (msg) => {
        console.log(msg);
        io.emit('msg', msg);
    });
});

client (In my case a php script):

<head>
    <script src="http://127.0.0.1:9009/socket.io/socket.io.js"></script>
    <script>
        let $$ = (id) => {return document.getElementById(id);};

        var socket = io("127.0.0.1:9009/", {
            "force new connection": true,
            "reconnectionAttempts": "Infinity", 
            "timeout": 10001, 
            "transports": ["websocket"]
        });

        socket.on('msg', (msg) => {$$("holder").innerHTML += msg;});

        let emit = (_msg) => {socket.emit("msg", _msg);};
    </script>
</head>
<body>
    <?php echo "php echo ...";?>

    <div onclick="socket.emit('msg','my msg');">BUTTON</div>
    <div id="holder">Chat ...</div>
</body>

Socket io CORS blocked

1 Answers