Preparar la API Rest con Express.js

¡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);
});