Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Curso Práctico de Webpack

Curso Práctico de Webpack

Oscar Barajas Tavares

Oscar Barajas Tavares

Preparar la API Rest con Express.js

6/22
Recursos

Aportes 5

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

¡Para tener una vista más amigable de los JSON en el navegador!

JSON Viewer for Chrome !

Apuntes

  1. Ingresar al siguiente link
https://gist.github.com/gndx/b7ecca73a219712708d858b77dea1f86
  1. Copiar el recurso del initial state y pegarlo en el index.ts
  2. Vamos a exponer esta data y retornaremos la data en formato JSON:
app.get('/api/v1', (req: Request, res: Response) => {
    res.json(initialState)
})
  1. Lanzamos el comando npm run dev y verificamos que este retornando la data en
 localhost:3000/api/v1

También existe una extensión para VsCode llamada Thunder Client en la que podemos hacer peticiones sin salir del editor.

si quieren que el servidor se reinicialize cada vez que hay un cambio, to use el plugin de nodemon-webpack-plugin de esta forma mi webpackage.config.js quedo

...
const NodemonPlugin = require('nodemon-webpack-plugin');

...
module.exports = {
    name: 'express-serve',
    entry: './src/index.ts',
    target: 'node',
    mode: NODE_ENV,
    externals: [nodeExternals()],
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'main.js'
    },
    ...
    plugins: [
        new NodemonPlugin({
            script: './dist/main.js',
            
        })
    ]
}

y el package.json

"start:dev": "webpack --watch --mode development",

Cada peticion http https://localhost:3000/api/v1 es conocido como un endpoints Los endpoints son las URLs de un API o de un backend que responden a una petición. 😄

app.get('/api/v1', (req: Request, res: Response) => {
    res.json(initialState);
});