1
00:00:03,680 --> 00:00:07,640
Para desenvolver ainda mais a nossa aplicação,

2
00:00:07,640 --> 00:00:11,025
queremos configurar um servidor simples

3
00:00:11,025 --> 00:00:14,890
que irá servir os nossos dados que são exigidos pela nossa aplicação.

4
00:00:14,890 --> 00:00:18,440
Até agora, não aprendemos o suficiente sobre como

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

6
00:00:22,090 --> 00:00:26,410
Em vez disso, vamos fazer uso de um módulo de nó simples chamado json-server,

7
00:00:26,410 --> 00:00:32,990
que nos ajuda a configurar rapidamente um servidor simples que irá servir dados que são dados

8
00:00:32,990 --> 00:00:36,230
a ele na forma de um arquivo JSON e também

9
00:00:36,230 --> 00:00:39,600
servir imagens que podem ser exigidas pela nossa aplicação.

10
00:00:39,600 --> 00:00:41,020
Então, para começar,

11
00:00:41,020 --> 00:00:45,450
vamos prosseguir para instalar o módulo de nó json-server,

12
00:00:45,450 --> 00:00:50,285
e depois, configurar nosso servidor json-neste exercício.

13
00:00:50,285 --> 00:00:53,945
Para começar, vá para a sua localização conveniente

14
00:00:53,945 --> 00:00:57,550
no seu computador e crie uma pasta chamada json-server.

15
00:00:57,550 --> 00:01:01,820
A razão pela qual eu crio esta pasta é que eu posso armazenar todos os arquivos

16
00:01:01,820 --> 00:01:06,170
que são necessários pelo meu servidor json-nesta pasta particular.

17
00:01:06,170 --> 00:01:15,290
Posteriormente, vamos instalar o módulo npm json-server como um módulo MPM global.

18
00:01:15,290 --> 00:01:16,620
Então, para fazer isso,

19
00:01:16,620 --> 00:01:20,305
no prompt em seu terminal,

20
00:01:20,305 --> 00:01:27,430
digite npm install menos g json-server,

21
00:01:27,430 --> 00:01:30,575
e então deixe que complete a instalação

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

23
00:01:34,820 --> 00:01:39,525
Agora, no caso de você estar fazendo isso em um Linux ou um Mac,

24
00:01:39,525 --> 00:01:43,530
certifique-se de usar sudo na frente dele.

25
00:01:46,460 --> 00:01:49,520
Uma vez concluída a instalação,

26
00:01:49,520 --> 00:01:53,545
vá para as instruções para configurar o json-server,

27
00:01:53,545 --> 00:01:56,935
e lá, nós fornecemos um arquivo chamado db.json.

28
00:01:56,935 --> 00:02:01,040
Baixe este arquivo e nomeie-o como db.json e mova esse arquivo

29
00:02:01,040 --> 00:02:05,525
para a pasta json-server que você criou na etapa anterior.

30
00:02:05,525 --> 00:02:10,490
Agora você vê que eu já baixei o arquivo db.json

31
00:02:10,490 --> 00:02:15,500
e depois movo esse arquivo db.json para a pasta json-server.

32
00:02:15,500 --> 00:02:18,830
Além disso, também criei outra pasta,

33
00:02:18,830 --> 00:02:21,690
dentro da pasta json-server, chamada public.

34
00:02:21,690 --> 00:02:26,375
Agora, o que quer que coloquemos nesta pasta pública será disponibilizado por

35
00:02:26,375 --> 00:02:33,630
nosso servidor json-como um recurso que pode ser baixado do nosso servidor.

36
00:02:33,630 --> 00:02:40,430
Assim, nosso servidor json-age como um servidor web estático simples que pode nos ajudar

37
00:02:40,430 --> 00:02:46,770
a servir qualquer recurso como imagens ou até mesmo um site inteiro.

38
00:02:46,770 --> 00:02:50,300
Se você quiser, você pode copiar isso para a pasta pública e torná-lo

39
00:02:50,300 --> 00:02:56,925
disponível para ser servido pelo servidor json-e visualizado em um navegador.

40
00:02:56,925 --> 00:02:59,650
Em seguida, novamente, vá para as instruções,

41
00:02:59,650 --> 00:03:03,915
e, em seguida, baixe este nome de arquivo zip images.zip,

42
00:03:03,915 --> 00:03:05,570
e, em seguida, descompacte este arquivo,

43
00:03:05,570 --> 00:03:08,490
e, em seguida, você obterá uma pasta chamada imagens,

44
00:03:08,490 --> 00:03:13,880
que contém um conjunto de imagens PNG que faremos uso dentro da nossa aplicação.

45
00:03:13,880 --> 00:03:16,470
Assim, uma vez que a pasta de imagens está pronta,

46
00:03:16,470 --> 00:03:19,160
mover essa pasta de imagens para a pasta pública que temos

47
00:03:19,160 --> 00:03:22,665
apenas criado na pasta json-server.

48
00:03:22,665 --> 00:03:24,485
Indo para nossa pasta,

49
00:03:24,485 --> 00:03:26,420
você verá que dentro da pasta pública,

50
00:03:26,420 --> 00:03:31,070
Eu já movi a subpasta de imagens para a pasta pública aqui,

51
00:03:31,070 --> 00:03:36,510
e isso contém todas as imagens que serão úteis para minha aplicação.

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

53
00:03:39,125 --> 00:03:43,470
vá para a pasta json-server em seu terminal e no prompt,

54
00:03:43,470 --> 00:03:50,665
digite json-server e menos watch db.json.

55
00:03:50,665 --> 00:03:54,650
A razão para usar esta bandeira de relógio

56
00:03:54,650 --> 00:03:58,610
é que este servidor json-manterá um relógio no arquivo bb.json,

57
00:03:58,610 --> 00:04:01,279
e sempre que o arquivo db.json for modificado,

58
00:04:01,279 --> 00:04:07,810
ele irá recarregar o arquivo db.json e começar a fornecer os dados modificados do servidor.

59
00:04:07,810 --> 00:04:13,280
Além disso, também podemos dar um sinal menos d com um valor,

60
00:04:13,280 --> 00:04:15,035
dizer, por exemplo, 2.000,

61
00:04:15,035 --> 00:04:19,430
o que significa que quando o servidor recebe uma solicitação,

62
00:04:19,430 --> 00:04:25,380
ele irá servir os dados de volta para o solicitante após um atraso de 2 segundos.

63
00:04:25,380 --> 00:04:31,880
Agora, isso seria usado para simular atraso no acesso a um servidor pela Internet.

64
00:04:31,880 --> 00:04:35,270
Então, essa é a razão pela qual eu também sugeriria usar o sinalizador menos d

65
00:04:35,270 --> 00:04:39,255
2.000 para o servidor json-.

66
00:04:39,255 --> 00:04:41,390
Então, vamos iniciar o nosso servidor json-

67
00:04:41,390 --> 00:04:44,735
e então você vai notar que o servidor json-inicia

68
00:04:44,735 --> 00:04:49,680
e declara todos os recursos que estão disponíveis a partir do servidor json-.

69
00:04:49,680 --> 00:04:57,825
Então, você pode ver que ele tem um conjunto de recursos que estão disponíveis em todos esses URLs.

70
00:04:57,825 --> 00:05:02,300
Além disso, o servidor estático público que fornece dados estáticos

71
00:05:02,300 --> 00:05:07,825
está disponível neste URL, localhost:3000.

72
00:05:07,825 --> 00:05:13,445
Agora, você pode ir para qualquer navegador e, em seguida, se você digitar

73
00:05:13,445 --> 00:05:20,515
localhost: 3000 e barra pratos,

74
00:05:20,515 --> 00:05:27,020
você vai ver que isso vai começar a servir nossos dados na forma de matriz JSON aqui.

75
00:05:27,020 --> 00:05:30,530
Então, isso será útil para a nossa aplicação.

76
00:05:30,530 --> 00:05:37,395
Da mesma forma, você pode digitar líderes,

77
00:05:37,395 --> 00:05:39,110
e você verá, novamente,

78
00:05:39,110 --> 00:05:41,095
os dados que estão sendo servidos e assim por diante.

79
00:05:41,095 --> 00:05:45,760
Se você digitar o localhost:3000,

80
00:05:45,760 --> 00:05:48,665
você verá que o servidor servirá até

81
00:05:48,665 --> 00:05:53,395
os dados como um servidor estático e, em seguida, atualmente, ele está vazio.

82
00:05:53,395 --> 00:05:57,860
Agora, se você quiser acessar as imagens que estão disponíveis no servidor,

83
00:05:57,860 --> 00:06:06,520
Eu posso apenas digitar imagens e digitar o nome de um arquivo PNG,

84
00:06:06,520 --> 00:06:10,020
e então você verá que ele vai servir a imagem correspondente.

85
00:06:10,020 --> 00:06:12,570
Agora, isso é muito útil para nós,

86
00:06:12,570 --> 00:06:16,170
à medida que desenvolvemos nossa aplicação neste curso.

87
00:06:16,170 --> 00:06:19,169
Com isso, concluímos este exercício,

88
00:06:19,169 --> 00:06:24,560
onde configuramos um servidor simples chamado json-server para servir até

89
00:06:24,560 --> 00:06:30,850
dados e suportar uma API REST que podemos acessar a partir de nosso aplicativo.