Con el fin de desarrollar aún más nuestra aplicación,
queremos configurar un servidor simple
que sirva nuestros datos requeridos por nuestra aplicación.
Hasta ahora, no hemos aprendido lo suficiente sobre cómo
podemos configurar un servidor que servirá una API REST.
En su lugar, haremos uso de un módulo de nodo simple llamado json-server,
que nos ayuda a configurar rápidamente un servidor simple que servirá los datos que se le dan
en forma de un archivo JSON y también
servir imágenes que podrían ser requeridas por nuestra aplicación.
Así que, para empezar,
vamos a proceder a instalar el módulo de nodo json-server,
y, a partir de entonces, configurar nuestro servidor json-server en este ejercicio.
Para empezar, vaya a su conveniente ubicación
en su computadora y cree una carpeta llamada json-server.
La razón por la que creo esta carpeta es que puedo almacenar todos los archivos
requeridos por mi servidor json-en esta carpeta particular.
A partir de entonces, instalaremos el módulo json-server npm como un módulo MPM global.
Entonces, para hacer eso,
en el prompt en su terminal,
escriba npm install minus g json-server,
y luego deje que complete la instalación
del módulo json-server npm como un módulo global.
Ahora, en caso de que esté haciendo esto en un Linux o un Mac,
asegúrese de usar sudo delante de él.
Una vez completada la instalación,
vaya a las instrucciones para configurar el servidor json-,
y allí, proporcionamos un archivo llamado db.json.
Descargue este archivo y asígnele el nombre como db.json y mueva este archivo
a la carpeta json-server que ha creado en el paso anterior.
Ahora ve que ya he descargado el archivo db.json
y luego muevo ese archivo db.json a la carpeta json-server.
Además, también he creado otra carpeta,
dentro de la carpeta json-server, llamada public.
Ahora, todo lo que pongamos en esta carpeta pública estará disponible por
nuestro servidor json-como un recurso que se puede descargar de nuestro servidor.
Así, nuestro json-server actúa como un simple servidor web estático que puede ayudarnos
a servir cualquier recurso como imágenes o incluso un sitio web completo.
Si lo desea, puede copiarlo en la carpeta pública y hacerlo
disponible para ser servido por el servidor json-server y visto en un navegador.
A continuación, de nuevo, vaya a las instrucciones,
y luego descargue este archivo zip images.zip,
y luego descomprima este archivo,
y luego obtendrá una carpeta llamada images,
que contiene un conjunto de imágenes PNG que haremos uso dentro de nuestra aplicación.
Entonces, una vez que la carpeta de imágenes esté lista,
mueva esa carpeta de imágenes a la carpeta pública que hemos
recién creado en la carpeta json-server.
Ir a nuestra carpeta,
verás que dentro de la carpeta pública,
ya he movido la subcarpeta de imágenes a la carpeta pública aquí,
y esto contiene todas las imágenes que serán útiles para mi aplicación.
Para iniciar su servidor json-server,
vaya a la carpeta json-server en su terminal y en el prompt,
escriba json-server y menos reloj db.json.
La razón para usar este indicador de reloj
es que este servidor json-vigilará el archivo bb.json,
y cada vez que se modifique el archivo db.json,
volverá a cargar el archivo db.json y comenzará a servir los datos modificados desde el servidor.
Además, también podemos dar un signo menos d con un valor,
digamos, por ejemplo, 2,000,
lo que significa que cuando el servidor recibe una solicitud,
devolverá los datos al solicitante después de un retraso de 2 segundos.
Ahora, esto se usaría para simular el retraso en el acceso a un servidor a través de Internet.
Entonces, esa es la razón por la que también sugeriría usar el signo menos d
2,000 para el servidor json-.
Entonces, pongamos en marcha nuestro servidor json-server,
y luego notaremos que el servidor json-server inicia
y declara todos los recursos que están disponibles desde el servidor json-server.
Por lo tanto, se puede ver que tiene un conjunto de recursos que están disponibles en todas estas URL.
Además, el servidor estático público que sirve
datos estáticos está disponible en esta URL, localhost: 3000.
Ahora, puede ir a cualquier navegador y luego si escribe
localhost: 3000 y platos de barra,
verá que esto comenzará a servir nuestros datos en forma de matriz JSON aquí.
Por lo tanto, esto será útil para nuestra aplicación.
Del mismo modo, puedes escribir líderes,
y verás, de nuevo,
los datos que se sirven y así sucesivamente.
Si escribe el localhost:3000,
verá que el servidor servirá
los datos como un servidor estático y, actualmente, está vacío.
Ahora, si quieres acceder a las imágenes que están disponibles desde el servidor,
puedo simplemente escribir imágenes y escribir el nombre de un archivo PNG,
y entonces verás que servirá la imagen correspondiente.
Ahora, esto es muy útil para nosotros,
a medida que desarrollamos nuestra aplicación en este curso.
Con esto, completamos este ejercicio,
donde hemos configurado un servidor simple llamado json-server para servir
datos y apoyar una API REST a la que podemos acceder desde nuestra aplicación.