Skip to content

Latest commit

 

History

History
81 lines (66 loc) · 2.92 KB

readme.md

File metadata and controls

81 lines (66 loc) · 2.92 KB

🌟 Servidor con Express.js

Ejemplo de creación de un servidor usando Express.js.

🔵 Crear servidor

  1. Crear un proyecto nuevo express_basic.
    • Crea una carpeta con ese nombre.
    • Ejecuta el comando npm init y que se crea el archivo package.json.
  2. Instala la dependencia express: npm install express --save.
  3. 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}`)
})
  1. Corre la app con el comando node app.js. Esto hará que la app se quede en ejecución.
  2. Entra a al navegador a localhost:3000.

Captura del navegador

🔵 Agregar una nueva ruta

  1. 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')
})
  1. 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.

  1. Verifica que puedas entrar a localhost:3000/launchx.

Captura del navegador

🔵 Agregar nueva ruta para regresar un objeto

  1. 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)
})
  1. Deten el server, y vuelve a levantarlo para que tome tus cambios recientes.
  2. Entra a la url localhost:3000/explorersInNode para verificar que regresa el objeto que indicaste.

Captura del navegador

🔵 Agregar una nueva ruta que reciba Query Params

  1. Agrega una nueva ruta, indica que recibirá un parámetro: /explorers/:explorerName, esto indicará que :explorerName será un valor enviado por la url.
  2. El objeto req contiene la propiedad params, esta propiedad contiene los Query 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)
})
  1. Entra a la url localhost:3000/explorers/Daniela.

Captura del navegador