Creando tu primer servidor

Clase 4 de 43 • Curso de Express.js 2018

Resumen

Para crear un servidor Express básico es necesario crear una carpeta para el proyecto, inicializar npm en este directorio e instalar Express.js como la primera dependencia de nuestro proyecto: npm i -S express. Seguidamente creamos el index.js con el código básico para requerir y ejecutar el servidor y la ruta base de nuestra aplicación.

Con el método .listen inicializamos nuestro server en el puerto que elijamos. Este método devuelve el servidor como un objeto, que luego podemos utilizar para hacer un log con información que se mostrará por consola.

En el archivo package.json definimos el script con el que arrancaremos nuestro server, el cual ejecutará la instrucción node index, adicionalmente podemos definir un script para desarrollo en el que ejecutemos el index con nodemon que es una dependencia que ejecutará el servidor y actualizará su ejecución de manera automática cada vez que se hagan cambios en los archivos.

Finalmente con npm run dev iniciamos el servidor y estamos listos para ver los resultados en el navegador, ya sea como html o como JSON.

David Vargas Domínguez

student•

Recomiendo tener a mano la documentación oficial para averiguar más de express
http://expressjs.com/en/starter/hello-world.html

Daniela Sepulveda

student•

También en español http://expressjs.com/es/starter/hello-world.html

Yusén Yosset Manchego Quispe

student•

No es necesario inlcuir el -S , en las versiones recientes de npm esto es automatico

Guillermo Rodas

teacher•

Gracias por la aclaración. yarn tambien lo hace sin necesidad de agregar un parametro extra.

Freddy Córdova Arana

student•

Buen dato 👍

Alexander Valencia

student•

https://github.com/glrodasz/platzi-express

Carlos Enrique Gonzalez Peña

student•

Recomiendo ir leyendo un poco sobre variables de entorno en caso de ser nuevos en el ecosistema de Node para no usar valores por defecto como lo seria el puerto y mejor usar una variable de entorno

Jesús Alejandro Machado Ortiz

student•

Si es buena idea, por ejemplo si vas a subirlo en un servidor PaaS

Jose David Ascencio Diaz de Leon

student•

Es como amor a primera vista, promete mucho este curso.

Guillermo Rodas

teacher•

Ya sabes que cualquier duda, por aca estaré pendiente.

Ángel David Roque Ayala

student•

Luis Arellano

student•

no vemos el enlace de github por favor lo pueden poner?

Guillermo Rodas

teacher•

Este es el enlace del repositorio, cada clase esta en su propia rama: https://github.com/glrodasz/platzi-express

Ulises Uriel Cabrera Rubio

student•

mmm

Juan Carlos Ortiz Huamán

student•

expectativa y motivación para este curso 10/10

Luis Castañeira

student•

Me encanto la primera lección.

Alejandro Avalos Vaca

student•

Pa la otra suban la ventana de la consola arriba de la barra de reproduccion del video, no se alcanza a ver :(

Federico Giovenco

student•

Hago las cosas igual que el profesor pero nodemon se queda siempre en

[nodemon] restarting due to changes...

y nunca recarga el servidor si alguien me puede decir porque falla lo agradeceria, uso windows, el codigo es este

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

app.get('/', function(req, res, next) {
    res.send({hello:"deded"});
})
const server = app.listen(8000, function () {
    console.log(`Listening aca va mi host local${server.address().port}`)
})

Cristian Blandón

student•

¡Hola Fede!

He leído que es un issue común en Windows 10 :/ ¿Intentaste desinstalar y re-instalar nodemon? (Si lo instalaste directamente en tu proyecto, con npm uninstall nodemon, si lo tienes global, npm -g uninstall nodemon.

Si lo intentaste con instalación local, podrías intentar instalarlo de forma global (npm -g install nodemon).

También he visto que siempre ejecutan la terminal como administrador, o que usan otro package llamado "supervisor" (aquí podrás encontrar más información).

Si nada funciona 😅 podrías intentar instalar una versión anterior de nodemon (por ejemplo, npm install nodemon@2.0.3 o npm install nodemon@2.0.1).

¡Saludos!

Bruno Castillo

student•

Entonces es recomendable primero aprender Node.js?

Kevin Morales

student•

Sí, sería bueno saber primero Node para que entiendas mejor este curso

Juan Castro

teacher•

Te recomiendo seguir esta ruta de aprendizaje: https://platzi.com/learning-path/backend-javascript/. :wink:

jorge llanque

student•

¿Alguien conoce un curso donde se pueda trabajar en node.js con typescript?

Luis Lira

student•

Aquí creo que por el momento no hay. Pero no es tan difícil, so necesitas usar ts-node y tener el tsconfig.json para correr los archivos de TypeScript con node, pero al final siempre terminará haciéndose el build a JavaScript.

Juan Carlos Pinzón

student•

Existe un framework llamado NestJs ellos utilizan TypeScript en todo, es muy bueno si te gusta TS

Naldo Duran

student•

✌

Enmanuel Marcano

student•

Ya no es necesario el -s npm i [nombreModulo] = npm i express es igual.

Alejandro González Reyes

student•

Interesante sería el instalar babel para que nuestro código funcionara con las últimas características de ES6

Gerardo Nava Pereda

student•

No. Babel es para navegadores. Al hablar de servidores tu instalas la versión del Motor V8 de JavaScript, por tanto, aquí depende de la versión de NodeJS que usa tu servidor para saber si puedes o no usar ESx

Carlos Enrique Ramírez Flores

student•

Tengo el siguiente error, Alguien sabe que onda?

npm i -S express
npm WARN hello-world@1.0.0 No description
npm WARN hello-world@1.0.0 No repository field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules/fsevents):
npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename '/Applications/XAMPP/xamppfiles/htdocs/platzi master/express/primer-servidor/hello-world/node_modules/.staging/fsevents-47dd53a6/node_modules/abbrev' -&gt; '/Applications/XAMPP/xamppfiles/htdocs/platzi master/express/primer-servidor/hello-world/node_modules/.staging/abbrev-ef28342f'

npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs.org/flatmap-stream/-/flatmap-stream-0.1.2.tgz
npm ERR! 404 
npm ERR! 404  'flatmap-stream@0.1.2' is not in the npm registry.
npm ERR! 404 You should bug the author to publish it (or use the name yourself!)
npm ERR! 404 It was specified as a dependency of 'hello-world'
npm ERR! 404 
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/carlosramirez/.npm/_logs/2020-04-15T03_47_55_205Z-debug.log

Leonardo Torrico Becerra

student•

revisa que tengas bien instalado npm y node => npm --version node --version

Carlos Enrique Ramírez Flores

student•

La solución fue instalar express en global o general

Wilson Castro Gil

student•

Excelente ya listo el server

Alberto D. Sosa

student•

.gitignore con un comando $ npx gitignore node