Bueno señores, esperando de que ya la mayoría haya visto el video que les subí ayer y hayan leído lo que les envié de Express Framework, voy a explicar un poco lo que hicimos:
Estas lineas son parecidas a los #include de C, lo que hacen es llamar a las librerias express y body-parser
var express = require('express');
var bodyParser = require('body-parser');
Aqui asignamos el servidor a la variable app, ademas usamos el metodo app.use lo usamos para integrar el bodyParser a nuestro server
var app = express();
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended: true}));
Tenemos nuestra definición app.get, este nos servirá para manejar las llamadas GET a la ruta '/', ademas tenemos una función, aquí definimos lo que se ejecutará, toda la programación detrás de nuestra pagina principal, los parámetros que esta recibe
- request: Esta contiene los datos que van en la petición (request = petición)
- response: Este parámetro contiene todo lo que se enviara de regreso al cliente, por eso si se dan cuenta más abajo sobre este usamos el método write, para escribir lo que se va a devolver
app.get('/',function(request,response){
En este bloque escribimos el HTML que corresponde a nuestro
formulario, recuerden terminar con response.end(), vamos a tomar importancia el los siguientes puntos:
- action: Nos indica que acción se ejecutara cuando el formulario se envié al servidor
- method: Nos indica que tipo de petición utilizaremos GET, POST, PUT, etc
- input: Este es un tipo genérico de elemento HTML
- type: Este elemento nos define que tipo de elemento sera el input, en este ejercicio usamos 2 tipos 'text: que corresponde a un text box' y 'submit: que corresponde a un botón que envía la información del form'
- name: Este nos dice que nombre tendrá nuestro elemento, este es muy importante, puesto que la información que le pongamos se enviara con ese nombre
- value: Este es el texto que tendrá dentro nuestro botón
response.write("Inserte su nombre");
response.write("");
response.end();
Luego tenemos nuestra parte app.post esta se encarga de manejar todas las llamadas POST que se hacen a nuestra pagina principal
app.post('/',function(request,response){
Aquí asignamos una variable llamada 'value' y le asignamos el valor de nuestro texto, con request.body.text, que en si quiere decir, "del cuerpo de nuestro request sacar la variable text, para hacer esto usamos el 'bodyParser' lo que significa lector del cuerpo
var value = request.body.text;
En el siguiente código hacemos algo parecido a lo que escribimos dentro de app.get, vamos a 'dibujar' un mensaje y el valor que tenga nuestra variable
response.write("");
response.write("hola ");
response.write(value);
response.write("
");
response.end();
Y por ultimo tenemos la habilitación de nuestro server, el cual comienza con app.listen, esta variable inicia el servidor y recibe 2 parámetros:
- 8000: Este es el puerto en el cual nuestro servidor va a escuchar podemos usar varios 80, 8080, 8000, 9000 todo depende del programador y la disponibilidad
- funcition: Esta es la acción que se ejecutara cuando nuestro servidor se inicie, aquí podemos cargar configuraciones pro defecto, mostrar mensajes, etc
La función console.log básicamente la utilizamos para mostrar el mensaje en la consola
var server = app.listen(8000,function(){
console.log('Servidor web iniciado');
})
