hola necesito una ayuda! estoy tratando de entender como funcionan el socket.io y node.js me baje una aplicacion bastante sencilla aparentemente y no termina de funcionar me conecta al servidor del socket.io pero cuando quiero usarlo a veces me desconecta y otras no desconecta pero no hace lo que deberia hacer! un tema puede ser de direcciones y el de desconectarse por alguna configuracion que capaz tenga que tocar! mando como son los archivos y donde estan:
el de conectarse al socket.io que se llama "servidor.js" esta en el archivo raiz por defecto "C:\Program Files\nodejs" y tiene esta codificacion=
servidor.js
var cvanderito = require("socket.io").listen(puerto);
cvanderito.sockets.on("connection",arranque);
function arranque(){
usuario.on("nuevoNombre",emitir);
}
function emitir(data){
cvanderito.sockets.emit("nombreDesdeServidor",data + "*");
}
el segundo archivo lo tengo en el d:/www y se llama node.html obivamente donde dice miip:puerto por seguridad no lo doy pero lo reemplazo con la ip de mi compu y la codificacion seria=
node.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>node.js notificador</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="http://miip:puerto/socket.io/lib/socket.io.js" type="text/javascript"></script>
<style type="text/css">
body{
color:#333;
background:#333;
font-family:"Helvetica",Arial;
font-size:48px;
text-align:center;
}
form{
background:#CCC;
border-radius: 1em;
box-shadow: 0px 5px 5px rgba(0,0,0,0,5);
text-shadow:5px 5px 5px rgba(0,0,0,0,5);
margin: 1em auto;
padding: 1em;
width: 40%;
}
form input {
display:block;
font-size: 40px;
margin: 1em auto;
padding:0.5em;
width:70%;
}
h1{
color:white;
}
</style>
<script type="text/javascript">
var websocket = io.connect("http://miip:puerto");
$(document).on("ready",iniciar);
function iniciar(){
websocket.on("nombreDesdeServidor",recibirMensaje) ;
$("#formulario").on("submit",enviarMensaje);
}
function enviarMensaje(e){
e.preventDefault();
websocket.emit("nuevoNombre",$("#nombre").val() );
$("#nombre").fadeOut();
}
function recibirMensaje(datosServidor){
$("#formulario label").text("Acaba de entrar " + datosServidor);
}
</script>
</head>
<body>
<header><h1>@LeoanidasEsteban</h1></header>
<form id="formulario">
<label>¿Cual es tu nombre?</label>
<input type="text" maxlength="10" id="nombre" placeholder="Tu nombre completo" required="required" />
</form>
</body>
</html>
si alguno sabe porque no me funciona o ve algo mal me encantaria que me lo muestre muchas gracias un abrazo enorme!
