1
00:00:03,680 --> 00:00:07,640
Con el fin de desarrollar aún más nuestra aplicación,

2
00:00:07,640 --> 00:00:11,025
queremos configurar un servidor simple

3
00:00:11,025 --> 00:00:14,890
que sirva nuestros datos requeridos por nuestra aplicación.

4
00:00:14,890 --> 00:00:18,440
Hasta ahora, no hemos aprendido lo suficiente sobre cómo

5
00:00:18,440 --> 00:00:22,090
podemos configurar un servidor que servirá una API REST.

6
00:00:22,090 --> 00:00:26,410
En su lugar, haremos uso de un módulo de nodo simple llamado json-server,

7
00:00:26,410 --> 00:00:32,990
que nos ayuda a configurar rápidamente un servidor simple que servirá los datos que se le dan

8
00:00:32,990 --> 00:00:36,230
en forma de un archivo JSON y también

9
00:00:36,230 --> 00:00:39,600
servir imágenes que podrían ser requeridas por nuestra aplicación.

10
00:00:39,600 --> 00:00:41,020
Así que, para empezar,

11
00:00:41,020 --> 00:00:45,450
vamos a proceder a instalar el módulo de nodo json-server,

12
00:00:45,450 --> 00:00:50,285
y, a partir de entonces, configurar nuestro servidor json-server en este ejercicio.

13
00:00:50,285 --> 00:00:53,945
Para empezar, vaya a su conveniente ubicación

14
00:00:53,945 --> 00:00:57,550
en su computadora y cree una carpeta llamada json-server.

15
00:00:57,550 --> 00:01:01,820
La razón por la que creo esta carpeta es que puedo almacenar todos los archivos

16
00:01:01,820 --> 00:01:06,170
requeridos por mi servidor json-en esta carpeta particular.

17
00:01:06,170 --> 00:01:15,290
A partir de entonces, instalaremos el módulo json-server npm como un módulo MPM global.

18
00:01:15,290 --> 00:01:16,620
Entonces, para hacer eso,

19
00:01:16,620 --> 00:01:20,305
en el prompt en su terminal,

20
00:01:20,305 --> 00:01:27,430
escriba npm install minus g json-server,

21
00:01:27,430 --> 00:01:30,575
y luego deje que complete la instalación

22
00:01:30,575 --> 00:01:34,820
del módulo json-server npm como un módulo global.

23
00:01:34,820 --> 00:01:39,525
Ahora, en caso de que esté haciendo esto en un Linux o un Mac,

24
00:01:39,525 --> 00:01:43,530
asegúrese de usar sudo delante de él.

25
00:01:46,460 --> 00:01:49,520
Una vez completada la instalación,

26
00:01:49,520 --> 00:01:53,545
vaya a las instrucciones para configurar el servidor json-,

27
00:01:53,545 --> 00:01:56,935
y allí, proporcionamos un archivo llamado db.json.

28
00:01:56,935 --> 00:02:01,040
Descargue este archivo y asígnele el nombre como db.json y mueva este archivo

29
00:02:01,040 --> 00:02:05,525
a la carpeta json-server que ha creado en el paso anterior.

30
00:02:05,525 --> 00:02:10,490
Ahora ve que ya he descargado el archivo db.json

31
00:02:10,490 --> 00:02:15,500
y luego muevo ese archivo db.json a la carpeta json-server.

32
00:02:15,500 --> 00:02:18,830
Además, también he creado otra carpeta,

33
00:02:18,830 --> 00:02:21,690
dentro de la carpeta json-server, llamada public.

34
00:02:21,690 --> 00:02:26,375
Ahora, todo lo que pongamos en esta carpeta pública estará disponible por

35
00:02:26,375 --> 00:02:33,630
nuestro servidor json-como un recurso que se puede descargar de nuestro servidor.

36
00:02:33,630 --> 00:02:40,430
Así, nuestro json-server actúa como un simple servidor web estático que puede ayudarnos

37
00:02:40,430 --> 00:02:46,770
a servir cualquier recurso como imágenes o incluso un sitio web completo.

38
00:02:46,770 --> 00:02:50,300
Si lo desea, puede copiarlo en la carpeta pública y hacerlo

39
00:02:50,300 --> 00:02:56,925
disponible para ser servido por el servidor json-server y visto en un navegador.

40
00:02:56,925 --> 00:02:59,650
A continuación, de nuevo, vaya a las instrucciones,

41
00:02:59,650 --> 00:03:03,915
y luego descargue este archivo zip images.zip,

42
00:03:03,915 --> 00:03:05,570
y luego descomprima este archivo,

43
00:03:05,570 --> 00:03:08,490
y luego obtendrá una carpeta llamada images,

44
00:03:08,490 --> 00:03:13,880
que contiene un conjunto de imágenes PNG que haremos uso dentro de nuestra aplicación.

45
00:03:13,880 --> 00:03:16,470
Entonces, una vez que la carpeta de imágenes esté lista,

46
00:03:16,470 --> 00:03:19,160
mueva esa carpeta de imágenes a la carpeta pública que hemos

47
00:03:19,160 --> 00:03:22,665
recién creado en la carpeta json-server.

48
00:03:22,665 --> 00:03:24,485
Ir a nuestra carpeta,

49
00:03:24,485 --> 00:03:26,420
verás que dentro de la carpeta pública,

50
00:03:26,420 --> 00:03:31,070
ya he movido la subcarpeta de imágenes a la carpeta pública aquí,

51
00:03:31,070 --> 00:03:36,510
y esto contiene todas las imágenes que serán útiles para mi aplicación.

52
00:03:36,510 --> 00:03:39,125
Para iniciar su servidor json-server,

53
00:03:39,125 --> 00:03:43,470
vaya a la carpeta json-server en su terminal y en el prompt,

54
00:03:43,470 --> 00:03:50,665
escriba json-server y menos reloj db.json.

55
00:03:50,665 --> 00:03:54,650
La razón para usar este indicador de reloj

56
00:03:54,650 --> 00:03:58,610
es que este servidor json-vigilará el archivo bb.json,

57
00:03:58,610 --> 00:04:01,279
y cada vez que se modifique el archivo db.json,

58
00:04:01,279 --> 00:04:07,810
volverá a cargar el archivo db.json y comenzará a servir los datos modificados desde el servidor.

59
00:04:07,810 --> 00:04:13,280
Además, también podemos dar un signo menos d con un valor,

60
00:04:13,280 --> 00:04:15,035
digamos, por ejemplo, 2,000,

61
00:04:15,035 --> 00:04:19,430
lo que significa que cuando el servidor recibe una solicitud,

62
00:04:19,430 --> 00:04:25,380
devolverá los datos al solicitante después de un retraso de 2 segundos.

63
00:04:25,380 --> 00:04:31,880
Ahora, esto se usaría para simular el retraso en el acceso a un servidor a través de Internet.

64
00:04:31,880 --> 00:04:35,270
Entonces, esa es la razón por la que también sugeriría usar el signo menos d

65
00:04:35,270 --> 00:04:39,255
2,000 para el servidor json-.

66
00:04:39,255 --> 00:04:41,390
Entonces, pongamos en marcha nuestro servidor json-server,

67
00:04:41,390 --> 00:04:44,735
y luego notaremos que el servidor json-server inicia

68
00:04:44,735 --> 00:04:49,680
y declara todos los recursos que están disponibles desde el servidor json-server.

69
00:04:49,680 --> 00:04:57,825
Por lo tanto, se puede ver que tiene un conjunto de recursos que están disponibles en todas estas URL.

70
00:04:57,825 --> 00:05:02,300
Además, el servidor estático público que sirve

71
00:05:02,300 --> 00:05:07,825
datos estáticos está disponible en esta URL, localhost: 3000.

72
00:05:07,825 --> 00:05:13,445
Ahora, puede ir a cualquier navegador y luego si escribe

73
00:05:13,445 --> 00:05:20,515
localhost: 3000 y platos de barra,

74
00:05:20,515 --> 00:05:27,020
verá que esto comenzará a servir nuestros datos en forma de matriz JSON aquí.

75
00:05:27,020 --> 00:05:30,530
Por lo tanto, esto será útil para nuestra aplicación.

76
00:05:30,530 --> 00:05:37,395
Del mismo modo, puedes escribir líderes,

77
00:05:37,395 --> 00:05:39,110
y verás, de nuevo,

78
00:05:39,110 --> 00:05:41,095
los datos que se sirven y así sucesivamente.

79
00:05:41,095 --> 00:05:45,760
Si escribe el localhost:3000,

80
00:05:45,760 --> 00:05:48,665
verá que el servidor servirá

81
00:05:48,665 --> 00:05:53,395
los datos como un servidor estático y, actualmente, está vacío.

82
00:05:53,395 --> 00:05:57,860
Ahora, si quieres acceder a las imágenes que están disponibles desde el servidor,

83
00:05:57,860 --> 00:06:06,520
puedo simplemente escribir imágenes y escribir el nombre de un archivo PNG,

84
00:06:06,520 --> 00:06:10,020
y entonces verás que servirá la imagen correspondiente.

85
00:06:10,020 --> 00:06:12,570
Ahora, esto es muy útil para nosotros,

86
00:06:12,570 --> 00:06:16,170
a medida que desarrollamos nuestra aplicación en este curso.

87
00:06:16,170 --> 00:06:19,169
Con esto, completamos este ejercicio,

88
00:06:19,169 --> 00:06:24,560
donde hemos configurado un servidor simple llamado json-server para servir

89
00:06:24,560 --> 00:06:30,850
datos y apoyar una API REST a la que podemos acceder desde nuestra aplicación.