como hacer un link con node?

pcarvajal · #1 (**permalink**) 01/06/2015, 14:51

Me explico...

Tengo 3 archivos js:

login.js

Código PHP:

  var http = require('http'); 
var html = require('./html'); 
 
http.createServer(function (req, res) { 
    if(req.method == 'POST'){ 
     
        var body = ""; 
        var input1 = ""; 
        var input2 = ""; 
         
        req.on('data', function (chunk) { body += chunk; }); 
       
        req.on('end', function () { ...    }); 
    }else{ 
        res.writeHead(200, {'Content-Type': 'text/html'}); 
        res.end(html.htmlLogin());         
    } 
}).listen(3000, '127.0.0.1');

registro.js

Código PHP:

  var http = require('http'); 
var html = require('./html'); 
 
http.createServer(function (req, res) { 
    if(req.method == 'POST'){ 
     
        var body = ""; 
        var input1 = ""; 
        var input2 = ""; 
         
        req.on('data', function (chunk) { body += chunk; }); 
       
        req.on('end', function () { ...    }); 
    }else{ 
        res.writeHead(200, {'Content-Type': 'text/html'}); 
        res.end(html.htmlRegistro());         
    } 
}).listen(3000, '127.0.0.1');

html.js --> aqui van todas las plantillas html

Código PHP:

  function htmlLogin(usr, pwd){ 
    var html ='<html>'+ '\n'; 
        html +='<head>'+ '\n'; 
        html +='<title>Login</title>'+ '\n'; 
        html +='</head>'+ '\n'; 
        html +='<body>'+ '\n'; 
        html +='<form method="post" name="frmLogin" id="frmLogin">'+ '\n'; 
        html +='<h1>Login</h1>'+ '\n'; 
        html +='<h2>usuario</h2><input name="input1" id="input1"  type="text"><br>'+ '\n'; 
        html +='<h2>password</h2><input name="input2" id="input2"  type="password"><br>'+ '\n'; 
        html +='<br><input type="submit" value="Conectar">'+ '\n'; 
        html +='<br><br>[B][COLOR="Red"]<a href="#">{recuperar contrase&ntilde;a}</a>[/COLOR][/B]'+ '\n'; 
        html +='</form>'+ '\n'; 
        html +='</body>'+ '\n'; 
        html +='</html>'; 
    return html; 
} 
 
function htmlRegistro(){ 
    var html ='<html>'+ '\n'; 
        html +='<head>'+ '\n'; 
        html +='<title>Registro</title>'+ '\n'; 
        html +='</head>'+ '\n'; 
        html +='<body>'+ '\n'; 
        html +='<form method="post" name="frmRegistro" id="frmRegistro">'+ '\n'; 
        html +='<h1>Registro</h1>'+ '\n'; 
        html +='<h2>usuario</h2><input name="input1" id="input1" type="text"><br>'; 
        html +='<h2>password</h2><input name="input2" id="input2" type="password"><br>'+ '\n'; 
        html +='<h2>email</h2><input name="input3" id="input3" type="text"><br>'+ '\n'; 
        html +='<br><input type="submit" value="Continuar">'+ '\n'; 
        html +='</form>'+ '\n'; 
        html +='</body>'+ '\n'; 
        html +='</html>'+ '\n'; 
    return html; 
}

ojo! antes que me reten, les digo altiro que soy nuevo en esto!!!
Lo que quiero es que al hacer click en el link de recuperar contrasena de login.js, me cargue el template del registro.
se puede hacer eso??????????

Carlangueitor · #2 (**permalink**) 01/06/2015, 15:33

No! Eso está muy mal.

Te recomiendo ampliamente que uses un framework como expressjs.

Saludos

pcarvajal · #3 (**permalink**) 01/06/2015, 19:14

si instalo la ultima version de express (la 4 algo) queda mal instalada y no funciona (anda a saber tu porqué...), si instalo la 3, se instala bien, pero me alega porque los complementos estan desactualizados y cuando los actualizo me tira errorres por cientos y no funciona, en resumen, express 3 o 4 no hay caso que corran en mi máquina (y eso que es una máquina nueva y limpia)

ahora, existe alguna otra alternativa??

hay manera de hacer lo que necesito con el código que tengo??

jsstoni · #4 (**permalink**) 02/06/2015, 04:19

busca sobre http.get de ultimo te recomiendo usar express no seas terco.

pcarvajal · #5 (**permalink**) 02/06/2015, 05:59

no no, no es de terco! es solo que no hay caso que me funcione express en mi maquina

razpeitia · #6 (**permalink**) 02/06/2015, 07:07

Cita:

Iniciado por pcarvajal

si instalo la ultima version de express (la 4 algo) queda mal instalada

Quieres decir que no lo sabes instalar.

¿Que numero de versión de node tienes? (seguramente no es la adecuada). Antes de que respondas la "ultima versión" eso no es un numero de versión.

pcarvajal · #7 (**permalink**) 02/06/2015, 09:18

Les cuento, instale la version 3.20.3 de express y esa funciona, por lo que el proyecto quedo configurado de la siguiente manera:

package.json

Código PHP:

  { 
  "name": "application-name", 
  "version": "0.0.1", 
  "private": true, 
  "scripts": { 
    "start": "node app.js" 
  }, 
  "dependencies": { 
    "express": "3.20.3", 
    "jade": "*" 
  } 
}

app.js

Código PHP:

   
/** 
 * Module dependencies. 
 */ 
 
var express = require('express'); 
var routes = require('./routes'); 
var user = require('./routes/user'); 
var http = require('http'); 
var path = require('path'); 
 
var app = express(); 
 
// all environments 
app.set('port', process.env.PORT || 3000); 
app.set('views', path.join(__dirname, 'views')); 
app.set('view engine', 'jade'); 
app.use(express.favicon()); 
app.use(express.logger('dev')); 
app.use(express.json()); 
app.use(express.urlencoded()); 
//app.use(express.methodOverride()); 
app.use(app.router); 
app.use(express.static(path.join(__dirname, 'public'))); 
 
// development only 
if ('development' == app.get('env')) { 
  app.use(express.errorHandler()); 
} 
 
app.get('/', routes.index); 
app.get('/users', user.list); 
 
http.createServer(app).listen(app.get('port'), function(){ 
  console.log('Express server listening on port ' + app.get('port')); 
});

index.js

Código PHP:

   
/* 
 * GET home page. 
 */ 
 
exports.index = function(req, res){ 
  res.render('index', { title: 'Express' }); 
};

index.jade

Código PHP:

  extends layout 
 
block content 
  h1= title 
  p Fuck Yeah to #{title} 
  a(href='test.js') this is a link

test.jade

Código PHP:

  extends layout 
 
block content 
  h1= title 
  p This is a test

Al hacer click en el enlace del index, me arroja este error:
Cannot GET /test.js

Que es lo que me falta colocar para que me reconozca el enlace y me cargue la pagina??

Carlangueitor · #8 (**permalink**) 03/06/2015, 15:37

El problema es que no estas leyendo la documentación, no puedes referenciar a un archivo directamente como si fuera PHP, para eso está el router de express.

Saludos