Angular Simulando API REST JSON

Alefbacelar
2 min readOct 19, 2022

--

#Parte4

Eai pessoal, hoje vamos simular uma API REST para que possamos iniciar o nosso crud em Angular. Essa parte é bem tranquila, vou utilizar até o site de exemplo caso vocês tenham alguma duvida, segue o link: https://www.fabricadecodigo.com/json-server/

Primeiro vamos abrir nosso projeto Angular, e no terminal vamos escrever o seguinte comando para iniciar a instalação “npm install -g json-server”:

Após o carregamento do nosso npm, vamos criar um arquivo de banco de dados e dar o nome de “db.json”

Com nosso arquivo criado, vamos adicionar algumas informações:

Agora é só rodar o comando abaixo e o servidor estará iniciado. Comando “json-server --watch db.json"

Lembrando que por padrão a API vai funcionar no endereço: http://localhost:3000

E assim nossa api vai está rodando e pronta para começarmos, lembrando que sempre que inicializar o projeto com sua api simulada vai precisar rodar o comando “json-server --watch db.json"

E assim vai abrir nosso localhost:3000

Vou encerrar esse artigo por aqui, e no próximo vamos fazer um get para trazer as informações da API simulada para uma lista.

--

--