Category Archives: WebServices

Json Server – Instalação

JSON Server, Install

Npm – Angular e Projetos

Continuando a SAGA JSON Server, aprenda sobre a instalação deste recurso. Vamos lá:

Instalação

No terminal execute este comando, posicione-se na pasta do projeto:

npm install -g json-server

Realiza o processo de instalação do JSON Server.

Para iniciar o backend:

json-server db.json

Este comando gera este resultado final:

img

Note que agora temos um server que está atendendo na porta 3000.

img

Para acessar os recursos exposto pela API fake, acesse o end-point:

http://localhost:3000/clientes

Abrindo esta URL em um browser:

img

Note que temos os dados dos clientes (produtos).

Endpoints HTTP

O JSON Server irá criar automaticamente esses endpoints HTTP:

GET    /clientes
GET    /clientes/{id}
POST   /clientes
PUT    /clientes/{id}
PATCH  /clientes/{id}
DELETE /clientes/{id}

Página de boas-vindas informando os resources disponíveis.

Pronto! Agora temos o projeto de instalação finalizado.

Para mais detalhes

https://docs.npmjs.com/cli/install

JSON – Server

Chapter : 13

JSON Server, Simulações in Action!

Uma tarefa comum no Angular 4 é a utilização de serviços HTTP para acessar o BackEnd. O JSON Server surgiu para simplificar isto. Facilitar a nossa vida como por exemplo, simular um backend.

Desenvolvido em um pacote npm, ele permite criar um WebService REST JSON simulando uma API.

Para utilizá-lo, precisamos instalá-lo e ter um.JSON com informações que desejamos expor na API REST fake.

Ao final dos estudos JSON Server, deveremos ter domínio sob os conceitos envolvidos sendo capaz de organizar boas soluções utilizando seus recursos.

Bem, vamos então parar de “blá-blá-blá” e vamos programar.

  • Overview
  • A instalação
  • JSON Server (faker) para simular um backend

Por hoje é só. O jogo continua.

Keep Programming!!!!