0

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>

6
  • Qual é o url que escreveste no browser para testar a app?
    – Sergio
    Commented 7/01/2016 às 16:08
  • @Sergio, eu estou chamando ele em http://localhost:3000/
    – Mike
    Commented 7/01/2016 às 16:11
  • 1
    Não sei como procede quando o usuário que perguntou encotrou a resposta, mas caso algum moderador quiser fachar a pegunta fique a vontade
    – Mike
    Commented 7/01/2016 às 16:28
  • Resolvi o problema apenas adicionando http://localhost:3000 no cliente, dentro da função que faz a conexão com o server
    – Mike
    Commented 7/01/2016 às 16:29
  • 1
    @Gustavo escreva abaixo sua própria solução como resposta e aceita ela como solução desta pergunta ;) Commented 7/01/2016 às 19:42

1 Resposta 1

0

Solucionei o problema apenas fazendo isso

var socket = io.connect('http:localhost:3000');  
1
  • faltou agora aceitar esse resposta como solução ;) Commented 8/01/2016 às 11:47

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .