History: Node.js y Heroku

Revision made 8 years ago by Francisco Presencia. Go to the last revision.

Hola

var express = require('express');
var app = express();

app.get('/', function (req, res) {
  res.send('Hello World!');
});

app.listen(3000, function () {
  console.log('Example app listening on port 3000!');
});

En un archivo que nos creamos llamado ".gitignore":

node_modules

Instalar Express.js:

npm install express --save

Instalar Node:

npm install nodemon -g

Mostrar el index.html. En app.js, escribir:

app.get('/', function (req, res) {
  res.sendFile(__dirname + '/index.html');
});

Usar los documentos generados:

app.use(express.static('public'));

Crear un path que te caza todo:

app.get('/:nombre', function (req, res) {
  console.log(req.params);
  res.send(req.params);
});

Recuperar el html de forma dinámica:

app.get('/:nombre', function (req, res) {
  var file = __dirname + '/' + req.params.nombre + '.html';
  res.sendFile(file);
});

Post

Vamos a probar a enviar un formulario y recuperarlo. Primero nos creamos el formulario en "contact.html":

<!DOCTYPE html>
<html>
  <head>
    <title>Página Web</title>
    <meta charset="utf-8">
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/picnicss/6.1.1/picnic.min.css">
    <link rel="stylesheet" href="style.css">
  </head>
  <body>

    <h1>Contacto</h1>

    <form action="/contact" method="POST" class="contact">
      <input placeholder="Nombre">
      <input placeholder="Apellidos">
      <input placeholder="Edad">
      <input type="submit" value="Enviar">
    </form>

  </body>
</html