Buscar

Criando uma API servidora para a utilização dos verbos HTTP

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes
Você viu 3, do total de 11 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes
Você viu 6, do total de 11 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes
Você viu 9, do total de 11 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Prévia do material em texto

Criando uma API servidora para utilização dos verbos HTTP: 
Get, Post, Put, Patch e Delete 
Vamos fazer isso utilizando o Node e uma biblioteca chamada Json Server. 
1) Digitar no google o nome da biblioteca que estamos procurando: 
 
 
2) Clicar no primeiro endereço que aparecer (deverá ser um link para uma página do 
github). 
 
 
3) Acessar a página, descer pela barra de rolagem até chegar em Getting started. Lá você 
deverá copiar o link da instalação do json server via npm 
 
 
4) Agora vamos criar um projeto chamado jsonSever e vamos instalar essa biblioteca 
dentro dele. 
 
No meu caso, eu criei uma pasta chamada jsonServer na minha área de trabalho. 
 
 
 
 
Devemos acessar a pasta pelo terminal, conforme a figura abaixo: 
 
 
 
Depois podemos colar o comando de instalação do json server 
 
 
 
Finalizado o download e a instalação, a imagem abaixo apresenta o resultado. 
 
 
 
5) O próximo passo é copiarmos o modelo de um conteúdo json. Esse modelo está logo 
abaixo do Get Starting da página que abrimos para copiar o comando de instalação do 
json server. 
 
 
 
6) Agora vamos criar um arquivo chamado db.json dentro do nosso projeto. 
Na sequência podemos colar o modelo copiado anteriormente. 
 
 
Para termos uma base de dados mais didática, vamos apagar todo o conteúdo desse 
modelo, deixando apenas as chaves externas, conforme apresenta afigura abaixo: 
 
 Vamos inserir nesse arquivo db.json um registro de pessoas. Esse registro será um 
array, onde cada posição desse array será o registro de uma pessoa. 
Uma pessoa, por sua vez, terá os seguintes campos: id, nome e endereço. 
Veja abaixo como ficará o nosso arquivo db.json 
 
 
7) Agora podemos, via terminal, depois de termos acessado a pasta do nosso projeto, dar 
o comando 
 
json-server --watch db.json 
 
 
 
 
 Teremos como resultado os recursos que foram carregados conforme apresenta a 
imagem abaixo: 
 
 
 
 
Pronto! Finalizamos a criação da nossa aplicação servidora de 
dados. 
 
Instalação do Postman 
A aplicação Postman consome os dados de uma API (no nosso caso o 
Postman irá consumir os dados da nossa aplicação servidora que acabamos 
de criar). 
1) Digitar no google o nome da API que estamos procurando: 
 
Postman 
 
 
 
2) Acessar o primeiro site que aparecer (deverá ser o site oficial do 
Postman) 
 
 
 
 
3) Ao acessar o site do Postman, você deverá descer a barra de 
rolagem até o final da página. 
 
 
4) Agora clique no link Donwload App conforme ilustrado na imagem 
abaixo. 
 
 
 
 
 
 
 
 
 
5) Clique no botão Download the App 
 
 
6) Escolha a versão 64bit (caso seu sistema operacional seja de 64bit). 
O Download iniciará automaticamente. Execute o arquivo baixado 
para realizar a instalação (caso isso já não tenha acontecido 
automaticamente). 
 
 
 
 
 
 
 
 
 
Utilização do Postman para testar nossa API Servidora 
 
1) Abrir o Postman. A imagem abaixo apresenta a tela do Postman 
carregada no computador. 
 
 
 
2) Podemos fechar essa janela de boas-vindas e teremos a tela principal 
do Postman, conforme apresenta a figura abaixo: 
 
 
3) Agora vamos copiar o endereço do recurso da nossa aplicação 
servidora. Esse endereço está no terminal, conforme apresenta a 
imagem abaixo: 
 
 
 
 
 
 
 
 
 
4) Vamos colar esse endereço na input principal do Postman, 
conforme mostra a figura abaixo: 
 
 
 
5) Clicaremos no botão send e observaremos o resultado. 
 
 
Observem que foi retornado o registro que nós criamos na nossa 
aplicação servidora. 
Isso significa que a nossa API Servidora já está funcionando!!!

Continue navegando