Ejemplo de creación de un servidor usando Express.js.
- Crear un proyecto nuevo
express_basic
.- Crea una carpeta con ese nombre.
- Ejecuta el comando
npm init
y que se crea el archivopackage.json
.
- Instala la dependencia express:
npm install express --save
. - Crea un archivo llamado
app.js
y crea la app de express:
// Usando objeto express
const express = require('express')
// App de Express
const app = express()
// Puerto en que se va a ver la app: localhost:3000
const port = 3000
// path inicial, responderá a la url localhost:3000
app.get('/', (req, res) => {
res.send('Hello World!')
})
// Inicializando la app
app.listen(port, () => {
console.log(`Example app listening on port ${port}`)
})
- Corre la app con el comando
node app.js
. Esto hará que la app se quede en ejecución. - Entra a al navegador a
localhost:3000
.
- Agrega una ruta nueva para poder responder algo en la url
localhost:3000/launchx
.
// Respondiendo texto
// localhost:3000/launchx
app.get('/launchx', (req, res) => {
res.send('Welcome to LaunchX')
})
- Después de agregar el código, recuerda parar el servidor y volver a iniciarlo para poder ver los cambios.
Para detener el servidor es
ctrl + c
.
- Verifica que puedas entrar a
localhost:3000/launchx
.
- Agrega una nueva ruta y regresa un objeto:
// Regresando un objeto
// localhost:3000/explorersInNode
app.get('/explorersInNode', (req, res) => {
const explorer = {name: "Explorer", msg: "Hello"}
res.send(explorer)
})
- Deten el server, y vuelve a levantarlo para que tome tus cambios recientes.
- Entra a la url
localhost:3000/explorersInNode
para verificar que regresa el objeto que indicaste.
- Agrega una nueva ruta, indica que recibirá un parámetro:
/explorers/:explorerName
, esto indicará que:explorerName
será un valor enviado por la url. - El objeto
req
contiene la propiedadparams
, esta propiedad contiene losQuery Params
(parámetros) enviados por la url. (req.params)
// Query Params: Recibir parámetros por la url
// http://localhost:3000/explorers/Daniela
// req.params = {"explorerName" : "Daniela"}
app.get('/explorers/:explorerName', (req, res) => {
res.send(req.params)
})
- Entra a la url
localhost:3000/explorers/Daniela
.