Estava fazendo minha aplicação, mas quando atualizo a página o navegador me retorna que a página não está disponível. Vou postar o meu código para voces me falarem se tem algo errado
JS
var http = require("http").createServer(servidor);
var io = require("socket.io").listen(http);
var fs = require("fs");
var usuarios = 0;
function servidor(req, res){
res.writeHead(200);
res.end(fs.readFileSync("index.html"));
}
io.on("connection", function(socket){
console.log("Usuário Conectado");
usuarios++;
io.emit("usuarios online", usuarios);
socket.on("mensagem", function(msg){
io.emit("mensagens", msg);
});
socket.on("disconnect", function(){
console.log("Usuario Desconectado");
usuarios--;
io.emit("users", usuarios);
});
});
http.listen(3000);
HTML
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>Chat</title>
<script src="/socket.io/socket.io.js"></script> <!-- chamamos o socket.io que por padrão o socket.io cria a rota http sem precisarmos interferir -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> <!-- bootstrap -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script><!-- jquery -->
<script type="text/javascript">
var socket = io.connect(); //isso é necessário para fazer a conexão com o socket.io do node.js
//quando recebemos do node.js "mensagens" utilizando o método append do jquery para exibir as mensagens
socket.on('mensagens', function(msg){
$('.container').append($('<div class="alert alert-success">').text(msg));
});
//quando recebemos "usuarios online" do node.js
socket.on("usuarios online", function(total){
$('.container').append($('<div class="alert alert-info">').text("Novo Usuario entrou, total de " + total + " Usuarios Online"));
});
//função que é disparada quando é pressionado o botão
function enviarMsg(){
socket.emit("mensagem", $("#inputMsg").val()); //enviamos o valor do input
$("#inputMsg").val(''); //depois deixamos ele vazio
}
</script>
</head>
<body>
<div class="container">
<!--Mensagens ficam aqui-->
</div>
<div style="background-color:#2c3e50; width:100%; height:50px; position:fixed; bottom:0; padding:9px;" class="row">
<div class="col-md-10">
<input type="text" class="form-control col-md-11" id="inputMsg">
</div>
<a onclick="enviarMsg()" class="btn btn-success">Enviar</a>
</div>
</body>
url
que escreveste no browser para testar a app?http://localhost:3000/
http://localhost:3000
no cliente, dentro da função que faz a conexão com o server