javascript - sockets.io using eronious websocket address -

javascript - sockets.io using eronious websocket address -

so reason web socket address head of html in url form , on load socket.io fails connect. in javascript console output;

websocket connection 'ws://localhost:3000/socket.io/1/websocket/%3c!doctype%20html%3e%3chtml%20ng-app=%22myapp%22%3e%3chead%3e%3cmeta%20charset=%22utf8%22%3e%3cbase%20href=%22/%22%3e%3ctitle%3eonsite%3c/title%3e%3clink%20rel=%22stylesheet%22%20href=%22/css/app.css%22%3e%3clink%20rel=%22stylesheet%22%20href=%22/css/bootstrap.min.css%22%3e%3clink%20rel=%22stylesheet%22%20href=%22/css/pixel-admin.min.css%22%3e%3clink%20rel=%22stylesheet%22%20href=%22/css/widgets.min.css%22%3e%3clink%20rel=%22stylesheet%22%20href=%22/css/rtl.min.cs...app.js%22%3e%3c/script%3e%3cscript%20src=%22js/services.js%22%3e%3c/script%3e%3cscript%20src=%22js/controllers.js%22%3e%3c/script%3e%3cscript%20src=%22js/filters.js%22%3e%3c/script%3e%3cscript%20src=%22js/directives.js%22%3e%3c/script%3e%3cscript%20src=%22js/lib/bootstrap/bootstrap.min.js%22%3e%3c/script%3e%3cscript%20src=%22js/lib/bootstrap/pixel-admin.min.js%22%3e%3c/script%3e%3cscript%20src=%22js/lib/jquery/jquery_v2.1.1.js%22%3e%3c/script%3e%3cscript%20src=%22js/mytest.js%22%3e%3c/script%3e%3c/html%3e' failed: connection closed before receiving handshake response mytest.js:6(anonymous function) mytest.js:6j jquery_v2.1.1.js:2k.firewith jquery_v2.1.1.js:2x jquery_v2.1.1.js:4(anonymous function)

i figured must have been because of node setup rebuilt app.js had same result each time, after research found solved a similar bug i'm not sure how can apply prepare code. app.js;

// ::::::::::::::::::::::::::::::::::::::::::::::: // // :: module dependencies :: // // ::::::::::::::::::::::::::::::::::::::::::::::: // var express = require('express'); var server = require('http').server(app); var io = require('socket.io')(server); var methodoverride = require('method-override'); var morgan = require('morgan'); var cookieparser = require('cookie-parser'); var path = require('path'); var bodyparser = require('body-parser'); var mongoose = require('mongoose'); var passport = require('passport'); var bcrypt = require('bcrypt'); var randomstring = require("randomstring"); var moment = require("moment"); var api = require('./routes/api'); var app = express(); // ::::::::::::::::::::::::::::::::::::::::::::::: // // :: configuration :: // // ::::::::::::::::::::::::::::::::::::::::::::::: // // environments app.set('port', process.env.port || 3000); app.set('views', __dirname + '/views'); app.set('view engine', 'jade'); app.use(morgan('dev')); app.use(methodoverride()); app.use(express.static(__dirname + '/public')); app.use(bodyparser.urlencoded({extended: true})); app.use(bodyparser.json()); // database mongoose.connect('mongodb://localhost/onsite'); var db = mongoose.connection; db.on('error', console.error.bind(console, 'connection error:')); db.once('open', function callback () {}); require('./models/history'); require('./models/person'); require('./models/zone'); require('./models/user'); // passport setup require('./config/passport')(app, passport, db, mongoose); var env = process.env.node_env || 'development'; // ::::::::::::::::::::::::::::::::::::::::::::::: // // :: socket.io :: // // ::::::::::::::::::::::::::::::::::::::::::::::: // io.on('connection', function(socket){ io.emit('socket', "hello"); }); io.on('api', function(socket){ io.emit('socket', "server message"); }); // ::::::::::::::::::::::::::::::::::::::::::::::: // // :: start server :: // // ::::::::::::::::::::::::::::::::::::::::::::::: // app.listen(process.env.port || 3000, function () { console.log('\nserver listing on http://localhost:' + app.get('port')); console.log('\t-> stop server running: command + c ') });

bottom of body include socket.io.min.js;

</div><script src="js/lib/socket.io.min.js"></script> <script> var socket = io.connect(); </script> <script src="js/lib/angular/angular.js"></script> <script src="js/app.js"></script> <script src="js/services.js"></script> <script src="js/controllers.js"></script> <script src="js/filters.js"></script> <script src="js/directives.js"></script> <script src="js/lib/bootstrap/bootstrap.min.js"></script> <script src="js/lib/bootstrap/pixel-admin.min.js"></script> <script src="js/lib/jquery/jquery_v2.1.1.js"></script> <script src="js/mytest.js"></script>

javascript node.js angularjs sockets express