Instalaci贸n de Express.js y tu primer servidor HTTP

3/25
Recursos

Aportes 86

Preguntas 10

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesi贸n.

Me gusta que el profe explica el paso a paso, es muy claro y con las bases del curso de fundamentos vamos super bien 馃槃:

C贸digo:

const express = require("express");
const app = express();
const port = 3000;

app.get("/", (req, res) =>{
  res.send("Hola mi server en Express");
});

app.listen(port, () =>{
  console.log("My port: " + port);
});

Para los que no les sale el error de warning de ESLint, tienen que instalar ESLint desde las extensiones de VSCode.

Cuando est谩s desarrollado, puedes escribir toda la url de tu localhost para que cuando el server la ejecute, te funcione como enlace y puedas darle click para que te lleve al navegador. 馃槂

app.listen(port,()=>{
  console.log(`Listening at http://localhost:${port}`)
})

Genial !!!, me siento entusiasmado!!

si quieres hacer un deploy de un sitio est谩tico con sus archivos css, imagenes, videos y Javascript deberian usar a path, les dejo el codigo abajo de la imagen 馃槈

var expressGalery = require("express");
var aplicacion = expressGalery();
var path = require('path');


aplicacion.use(expressGalery.static(path.join(__dirname, '../reto del curso - flexnet/')));

aplicacion.get('/', (peticion, respuesta) => {
    respuesta.sendFile(path.resolve(__dirname, '../reto del curso - flexnet/Index.html'))
})

aplicacion.get('/login', (peticion, respuesta) => {
    respuesta.sendFile(path.resolve(__dirname, '../reto del curso - flexnet/Login/Index.html'))
})

aplicacion.get('/registro', (peticion, respuesta) => {
    respuesta.sendFile(path.resolve(__dirname, '../reto del curso - flexnet/Login/Registro.html'))
})
let puerto = 9080;

aplicacion.listen(puerto, () => {
    console.log('aplicacion corriendo en el puerto: ' + puerto)
});

dejo mi c贸digo comentado por si le sirve a alguien:

// traemos a express
const express = require("express");

// creamos una aplicaci贸n
const app = express();

//le decimos el puerto en que queremos que corra la aplicaci贸n
const port = 3000;

//definimos la ruta
// tiene un callback que va a ejecutar la respuesta que enviemos al cliente.
//el callback siempre tiene dos par谩metros "req" y "res".
app.get ("/", (req, res) => {
  res.send("hola mi server en express");
});

//le decimos a la aplicaci贸n en que puesto escuchar
// adem谩s creamos un callback que nos avisar谩 cuando est茅 corriendo
app.listen(port, () => {
  console.log("mi port" + port);
});

Dejare mis notas por aqu铆

El primera paso para crear un servidor http con express es requerir dicho modulo

const express = require('express');

Seguidamente creamos una aplicaci贸n de express

const app = express();

Indicamos el puerto donde queremos que corra nuestra aplicacion (normalmente es en el puerto 3000)

const port = 3000;

Con esto creamos la aplicacion pero a煤n no se esta utilizando, para empezar a utilizarla podemos crear una ruta de tipo get, esta funcion recibe dos parametros, el primero sera indicar la ruta y el segundo una funcion callback, la funcion callback a su vez recibe dos parametros que son los request(req) y la response(res).

app.get('/', (req, res) => {
	res.send('Hola mi server en express')
}

En este caso la ruta sera la principal 鈥/鈥, es decir, que cuando se acceda a esta ruta el sevidor enviara un mensaje.

Finalmente tenemos que hacer que la aplicacion sea escuchada en un puerto, lo hacemos con el metodo listen, este metodo recibe dos parametros que son el puerto donde sera escuchado y una funcion callback

app.listen(port, () => {
	console.log('Mi port' + port)
}

As铆 se ver铆a el c贸digo completo

const express = require('express');
const app = express();
const port = 3000;

app.get('/', (req, res) => {
  res.send('Hola mi server en express');
});

app.listen(port, () => {
  console.log('Mi port ' + port);
});

Eleg铆 el mismo puerto que Freddy en un live de JS 馃槃

Tambien se puede hacer asi, en muchos entornos como heroku por convencion la variable de entorno PORT puede estar configurada para indicarle a su servidor web en qu茅 puerto escuchar. Entonces se usa process.env.PORTque lo que quiere decir es, lo que sea que haya en la variable de entorno PORT o sino 3000 si no hay nada.

Ese valor se le pasa a app.listen() usando app.get('port'), que lo que permite es que tu servidor pueda aceptar un par谩metro 鈥渆n qu茅 puerto escuchar鈥 de la variable de entorno.

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

app.set('port', process.env.PORT || 3000)

app.get('/', (req, res) => {
  res.render('hello word')
})

app.listen(app.get('port'), () => {
  console.log(`Server on port ${app.get('port')}`)
})

Pocas veces he estado tan emocionado por algo hihihi (*锟3锟)鈺

Me encantan las APIS, es como tener todos esos datos en tus manos y estructuras JSON es increible 馃槏

En general, me fue bien probando con otros puertos 馃槂

Excelente

Yo lo hice as铆. Da para pensar鈥

clar铆simo!

C:\Users\indhi\my-store>npm run Dev

> [email protected]1.0.0 Dev
> nodemon index.js

[nodemon] 2.0.13
[nodemon] to restart at any time, enter `rs`
[nodemon] watching path(s): *.*
[nodemon] watching extensions: js,mjs,json
[nodemon] starting `node index.js`
Mi port3000

Qu茅 sencillo es montar un servidor web con javascript gracias a node y a express.js, larga vida a ellos!!

const express = require("express");
const app = express();
const port = 3000;

app.get("/", (req, res) =>{
  res.send("Hola mi primer server en Express JS");
});

app.listen(port, () =>{
  console.log("El puerto en funcion es",  port);
});

servidor con express


Modificando el puerto. esto esta genial !!

usando typescript como proyecto en vez de javascript convencional

index.ts

import express from "express";
const app = express();
const port = 8000;

app.get("/", (req, res) => {
  res.send({ msg: "Hola mi server en express" });
});

app.listen(port, () => {
  console.log(`Corriendo en http://localhost:${port}`);
});

Hubo puertos que no pude utilizar!

Siguiendo los pasos del maestro Freddy Vega probamos nuestro primer server en Express en el puerto 6969: 馃槑馃槑馃槑

wow aun no lo creo el profe explica de maravilla! hace que el curso se vea simple por ahora! y seguimos aprendiendo!

como han mejorado los cursos, antes todo era mas complicado para los que iniciaban, la misma ruta de la escuela de js ha mejorado.

Excelente guia para iniciar en express.

*** Importante ***
Si quieres usar faker su version alternativa a 2022 es @faker-js/faker .
Puedes encontrar informacion en https://www.npmjs.com/package/@faker-js/faker

#Instalaci贸n de Express.js y tu primer servidor HTTP

Instalamos express como un dependencia de producci贸n

npm i express

Importamos express en el archivo index.js

const express = require('express')
const app = express()
const port = 3000

Vamos a definir una ruta solo para probar nuestro servidor

const express = require('express')
const app = express()
const port = 3000

app.get('/', (req, res) => {
	res.send('Hola mi server en express')
})

Seteamos el puerto en el correr谩 el servidor

const express = require('express')
const app = express()
const port = 3000

app.get('/', (req, res) => {
	res.send('Hola mi server en express')
})

app.listen(port, () => {
  console.log(`Listening at ${port}`);
});

Ejecutamos nuestro entorno de desarrollo para probar que todo marche bien

npm run dev

Abrimos nuestro navegador en la ruta local seteada, en nuestro caso localhost:3000

en npm run start si me sali贸

pero en run npm dev me marca este error, a alguien mas le pasa?

馃榾馃榾

me quede estancado con esa errorciza q me tengo desde el video pasado

Al cerrar el puerto y quiero levantarlo de nuevo me salio un error: Listen EADDRINUSE: address already in use ::: 3000, utilise los siguientes comandos para solucionarlo

  • sudo lsof -i :8080
  • kill -9 pid
    Dejo esto por si alguien mas le sucede lo mismo.

![](

Que emocion!

S铆 me sali贸!!

Mi primer server en express!! 馃ぉ

Velo ve! Que bonito!

excelente clase , muy bien explicada

L谩stima no puedo enviar un screenshot!!

Nodemon es Hermoso 馃槏

馃槂

excelente clase

const express = require('express')
const app = express()
 
app.get('/', function (req, res) {
  res.send('Hello World')
})
 
app.listen(3000)

FELI

El curso esta genial, pero me gustaria que se mostrara como se administran las ramas y como se hacen los comits en este tipo de proyectos

Excelente, todo muy claro. Dejo c贸digo 鉂わ笍
const express = require (鈥榚xpress鈥);
const app = express();
const port = process.env.PORT ||3000;
app.listen(port, ()=> console.log(Servidor corriendo ${port}))

me toco lidiar con el siguiente error: [nodemon] app crashed - waiting for file changes before starting鈥
si les llega a pasar un error similar , hay varios errores de ese estilo. a mi solo se me resolvio volviendo a instalar express.

con este comando se aseguran de tenerlo instalado en la lista de dependencias asi no lo tienen que volver a instalar cada vez que utilizan su aplicacion. saludos

npm install express --save

Instalar express: npm i express

Super!

Muy clarita la forma de explicar me encanta!!

Excelente comienzo con Express.js
Este fue mi resultado (no le cambie el puerto porque lo ejecute en un contenedor de Docker):

Aqu铆 paso el c贸digo de la clase comentado, intentando explicar un poco lo que estamos haciendo

// Traemos express
const express = require("express");
// Lo metemos dentro de una variable que vamos a estar referenciando
const app = express();
// Asignamos una variable con el n煤mero en el que queramos asignar el puerto
const port = 3000;

// Usando nuestra variable app, que es express le pasamos como primer argumento
// un endpoint al que queramos responder, y como segundo argumento un callback
// con el c贸digo que vamos a ejecutar en este. 

app.get("/", (req, res) =>{
	// req, res es para manejar la petici贸n y la respuesta que le queremos mandar a esta
	// petici贸n, puedes ver los distintos m茅todos de express en la documentaci贸n
	// aqu铆 usamos send, que forma parte del response como m茅todo
  res.send("Hola mi server en Express");
});

app.listen(port, () =>{
  console.log("My port: " + port);
});

Mi primera ejecuci贸n de node con express.

As铆 se puede crear un puerto en caso tal de que el puerto 鈥3000鈥 no funcione.

const PORT = 5000 ('O cualquier puerto')

Y se utilizar铆a:

const port = process.env.PORT || 3000;
app.listen(port, () => {
	console.log(port)
});

Con esto le estamos indicando a la app que corra en el puerto 鈥5000鈥 y si falla que corra en el puerto 鈥3000鈥.

No se si soy el unico, pero que bien se siente ver las dependencias del profesor y las nuestras lo mas parecidad posibles jajaja

Aca dejo mi prueba del primer Server en Express

Muy buena explicacion:

Aqui mi primer servidor:

Mi resultado hasta ahora, como el profesor funcion贸贸贸

Ya iba en el video 7, pero me mostr贸 error el server, me regres茅 y ya todo va bien.

Puse en mi servidor, hola mi nuevo e-commerce,
para seguir el proyecto jaja

Listo!

const express = require('express');
const app = express();
const port = 9115; //Este puerto es modificable ya que puede que quizas el usado en el curso este ocupado por otra aplicacion.

app.get('/',(req, res)=>{
  res.send("Hello World");

})

app.listen(port,()=>{
  console.log('Escuchando puerto '+port);
});

recuerden que siempre se pueden cambiar los puertos, especialmente los normales como 3000, 3030, 80, 8080, 8000 son los puertos mas comunes, quizas les tire error por algun servicio de windows, mac o linux que este corriendo en ese puerto al ejecutar 鈥榥pm run dev鈥.

eso se soluciona simplemente cambiando la variable port por otro numero.

Para instalar express:

npm i express

Funcionando鈥

Si me funciono y entend铆 mejor este proceso.

Por ahora todo OK.
Muy claras las explicaciones y agradecido de haber hecho los cursos previos.

Captura de Pantalla 2021-10-07 a la(s) 22.50.01

馃槢


yeeei !! ya soy pro xD