Para desenvolver ainda mais a nossa aplicação,
queremos configurar um servidor simples
que irá servir os nossos dados que são exigidos pela nossa aplicação.
Até agora, não aprendemos o suficiente sobre como
podemos configurar um servidor que servirá uma API REST.
Em vez disso, vamos fazer uso de um módulo de nó simples chamado json-server,
que nos ajuda a configurar rapidamente um servidor simples que irá servir dados que são dados
a ele na forma de um arquivo JSON e também
servir imagens que podem ser exigidas pela nossa aplicação.
Então, para começar,
vamos prosseguir para instalar o módulo de nó json-server,
e depois, configurar nosso servidor json-neste exercício.
Para começar, vá para a sua localização conveniente
no seu computador e crie uma pasta chamada json-server.
A razão pela qual eu crio esta pasta é que eu posso armazenar todos os arquivos
que são necessários pelo meu servidor json-nesta pasta particular.
Posteriormente, vamos instalar o módulo npm json-server como um módulo MPM global.
Então, para fazer isso,
no prompt em seu terminal,
digite npm install menos g json-server,
e então deixe que complete a instalação
do módulo npm json-server como um módulo global.
Agora, no caso de você estar fazendo isso em um Linux ou um Mac,
certifique-se de usar sudo na frente dele.
Uma vez concluída a instalação,
vá para as instruções para configurar o json-server,
e lá, nós fornecemos um arquivo chamado db.json.
Baixe este arquivo e nomeie-o como db.json e mova esse arquivo
para a pasta json-server que você criou na etapa anterior.
Agora você vê que eu já baixei o arquivo db.json
e depois movo esse arquivo db.json para a pasta json-server.
Além disso, também criei outra pasta,
dentro da pasta json-server, chamada public.
Agora, o que quer que coloquemos nesta pasta pública será disponibilizado por
nosso servidor json-como um recurso que pode ser baixado do nosso servidor.
Assim, nosso servidor json-age como um servidor web estático simples que pode nos ajudar
a servir qualquer recurso como imagens ou até mesmo um site inteiro.
Se você quiser, você pode copiar isso para a pasta pública e torná-lo
disponível para ser servido pelo servidor json-e visualizado em um navegador.
Em seguida, novamente, vá para as instruções,
e, em seguida, baixe este nome de arquivo zip images.zip,
e, em seguida, descompacte este arquivo,
e, em seguida, você obterá uma pasta chamada imagens,
que contém um conjunto de imagens PNG que faremos uso dentro da nossa aplicação.
Assim, uma vez que a pasta de imagens está pronta,
mover essa pasta de imagens para a pasta pública que temos
apenas criado na pasta json-server.
Indo para nossa pasta,
você verá que dentro da pasta pública,
Eu já movi a subpasta de imagens para a pasta pública aqui,
e isso contém todas as imagens que serão úteis para minha aplicação.
Para iniciar seu servidor json-,
vá para a pasta json-server em seu terminal e no prompt,
digite json-server e menos watch db.json.
A razão para usar esta bandeira de relógio
é que este servidor json-manterá um relógio no arquivo bb.json,
e sempre que o arquivo db.json for modificado,
ele irá recarregar o arquivo db.json e começar a fornecer os dados modificados do servidor.
Além disso, também podemos dar um sinal menos d com um valor,
dizer, por exemplo, 2.000,
o que significa que quando o servidor recebe uma solicitação,
ele irá servir os dados de volta para o solicitante após um atraso de 2 segundos.
Agora, isso seria usado para simular atraso no acesso a um servidor pela Internet.
Então, essa é a razão pela qual eu também sugeriria usar o sinalizador menos d
2.000 para o servidor json-.
Então, vamos iniciar o nosso servidor json-
e então você vai notar que o servidor json-inicia
e declara todos os recursos que estão disponíveis a partir do servidor json-.
Então, você pode ver que ele tem um conjunto de recursos que estão disponíveis em todos esses URLs.
Além disso, o servidor estático público que fornece dados estáticos
está disponível neste URL, localhost:3000.
Agora, você pode ir para qualquer navegador e, em seguida, se você digitar
localhost: 3000 e barra pratos,
você vai ver que isso vai começar a servir nossos dados na forma de matriz JSON aqui.
Então, isso será útil para a nossa aplicação.
Da mesma forma, você pode digitar líderes,
e você verá, novamente,
os dados que estão sendo servidos e assim por diante.
Se você digitar o localhost:3000,
você verá que o servidor servirá até
os dados como um servidor estático e, em seguida, atualmente, ele está vazio.
Agora, se você quiser acessar as imagens que estão disponíveis no servidor,
Eu posso apenas digitar imagens e digitar o nome de um arquivo PNG,
e então você verá que ele vai servir a imagem correspondente.
Agora, isso é muito útil para nós,
à medida que desenvolvemos nossa aplicação neste curso.
Com isso, concluímos este exercício,
onde configuramos um servidor simples chamado json-server para servir até
dados e suportar uma API REST que podemos acessar a partir de nosso aplicativo.