Hi All,
I am following the tutorial mentioned in [1] and trying to create a chat
application using socket.io and node js.
I have installed express and socket.io on my machine. The versions are
specified in the package.json below.
*{ "name": "socket-chat-example", "version": "0.0.1", "description": "my
first socket.io <http://socket.io> app", "dependencies": { "express":
"~4.10.2", "socket.io <http://socket.io>": "~1.2.0" }}*
The node server code is specified below.
*var app = require('express')();var http = require('http').Server(app);var
io = require('socket.io <http://socket.io>')(http);app.get('/',
function(req, res){ res.sendFile(__dirname +
'/index.html');});io.on('connection', function(socket){ socket.on('chat
message', function(msg){ io.emit('chat message', msg);
});});http.listen(3000, function(){ console.log('listening on *:3000');});*
The content of the html file being accessed is specified below.
*<!doctype html><html> <head> <title>Socket.IO chat</title>
<style> * { margin: 0; padding: 0; box-sizing: border-box; } body
{ font: 13px Helvetica, Arial; } form { background: #000; padding:
3px; position: fixed; bottom: 0; width: 100%; } form input { border:
0; padding: 10px; width: 90%; margin-right: .5%; } form button {
width: 9%; background: rgb(130, 224, 255); border: none; padding: 10px;
} #messages { list-style-type: none; margin: 0; padding: 0; }
#messages li { padding: 5px 10px; } #messages li:nth-child(odd) {
background: #eee; } </style> </head> <body> <ul
id="messages"></ul> <form action=""> <input id="m"
autocomplete="off" /><button>Send</button> </form> <script
src="https://cdn.socket.io/socket.io-1.2.0.js
<https://cdn.socket.io/socket.io-1.2.0.js>"></script> <script
src="http://code.jquery.com/jquery-1.11.1.js
<http://code.jquery.com/jquery-1.11.1.js>"></script> <script> var
socket = io(); $('form').submit(function(){ socket.emit('chat
message', $('#m').val()); $('#m').val(''); return false;
}); socket.on('chat message', function(msg){
$('#messages').append($('<li>').text(msg)); }); </script>
</body></html>*
The code can also be found in [2].
I am getting the following error in the firefox console with the app
failing.
*Cross-Origin Request Blocked: The Same Origin Policy disallows reading the
remote resource at
http://file/socket.io/?EIO=3&transport=polling&t=1434211017174-2
<http://file/socket.io/?EIO=3&transport=polling&t=1434211017174-2>.
(Reason: CORS request failed).GET XHR http://file/socket.io/
<http://file/socket.io/>*
I have exhaustively searched for a solution for the above issue but was
unsuccessful. I highly appreciate any input on the above problem. Thanks in
advance.
[1] http://socket.io/get-started/chat/
[2] https://github.com/rauchg/chat-example
Regards.
--
Sabra Ossen <http://lk.linkedin.com/in/sabraossen>
Undergraduate | Department of Computer Science and Engineering
University of Moratuwa
Sri Lanka
_______________________________________________
Dev mailing list
[email protected]
http://wso2.org/cgi-bin/mailman/listinfo/dev
