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

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 “en 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 (‘express’);
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 ‘npm 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