miércoles, 16 de septiembre de 2015

Ejemplo con express

Bueno señores, aqui les traigo el codigo del programa del video, creo que se los publicare de esta manera mejor, porque en los videos tenemos problemas con el internet por estarlos cargando

Lo primero que haremos sera installar express Framework, entonces abriremos una consola y escribiremos lo siguiente

npm install express -g

Luego instalamos body parser, este nos ayudara a leer lo que le mandemos a nuestra pagina

npm install body-parser -g

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
var express = require('express') //importar la libreria que instalamos (express)
var bodyParser = require('body-parser') //importar la libreria que instalamos (body-parser)
var app = express(); // asigmar el valor de nuestro manejador a una variable "app"
app.use(bodyParser.json()) //aplicar el lector del body a nuestro servidor
app.use(bodyParser.urlencoded({extended: true})) //aplicar el lector del body a nustro servidor

//ya iniciado nuestro servidor procederemos a crear nuestros metodos para manejar las llamadas!!!

app.get('/',function(request,response){
    //Ahora vamos a crear un formulario para ingresar un texto!!
    response.write("<p>Ingrese su nombre</p>")
    response.write("<form action='/' method='post'>") //aqui comenzamos a crear nuestro formulario el cual realizara una llamada a / y utilizara el metodo POST
    response.write("<input type='text' name='nombre'>") //este sera un area de texto
    response.write("<input type='submit' value='Enviar'>") //este sera un boton para enviar los datos al servidor
    response.write("</form>") //aqui cerramos la declaracion del form
    response.end(); //no olvidar finalizar el request!!!
})

//El mensaje que obtuvimos nos indica que el metodo post no esta declarado!!

app.post('/',function(request,response){
    var value = request.body.nombre //aqui le vamos a asignar el valor que ingresamos en el nombre a una variable...
    response.write("<p>")
    response.write("Hola ")
    response.write(value)
    response.write("</p>")
    response.end();
})

//funcion para iniciar el servidor, para que sea accesible desde el browser
var server = app.listen(8000,function(){
    console.log("Nuestro servidor esta iniciado")
})


// Y listo!!!

Para terminar guardamos el archivo con el nombre que querramos en mi caso test.js, entonces con iojs ejecutamos el programa desde la terminal

iojs test.js
(tenemos que estar en la ruta donde guardamos el archivo)

luego abrimos nuestro explorador y vamos a la url: localhost:8000

No hay comentarios:

Publicar un comentario