1
resposta

Duvida sobre o arquivo db.json

boa tarde pessoal tudo bem? no inicio da aula, nós já iniciamos com um arquivo db.json e conforme as aulas vãoa vançando nós conectamos ela ao site e utilizamos o DOM para manipular toda a criação do site automaticamente, até ai ok, minha duvida é. Esse arquivo db.json pode ser criado manualmente antes de iniciar a criação de um projeto seguindo essa mesma estrutura de objeto? Porque durante as aulas nós já iniciamos com ela criada, não foi passado como iniciar esse arquivo do zero.

1 resposta

Boa noite, João!

JSON significa JavaScript Object Notation (Notação de objeto JavaScript) e é basicamente um formato no qual podemos armazenar dados, e atualmente é o principal formato para troca de dados na web entre cliente e servidor (até servidores construídos com outras linguagens utilizam JSON). Se você for analisar este arquivo notará que se assemelha muito a sintaxe de objetos em Javascript, por isso o nome JSON, pois sua estrutura é derivada do JavaScript.

// Estruturas JSON:

{
  "videos": [
    {
      "id": 1,
      "titulo": "Conhecendo a linguagem Go | Hipsters.Talks",
      "descricao": "3 mil visualizações",
      "url": "https://www.youtube.com/embed/y8FeZMv37WU",
      "imagem": "https://github.com/MonicaHillman/aluraplay-requisicoes/blob/main/img/logo.png?raw=true"
    },
    {
      "id": 2,
      "titulo": "Desmistificando mobile - Linguagens e Frameworks",
      "descricao": "1,5 mil visualizações",
      "url": "https://www.youtube.com/embed/fmu1LQvZhms",
      "imagem": "https://github.com/MonicaHillman/aluraplay-requisicoes/blob/main/img/logo.png?raw=true"
    }
  ]
}
// Objetos Javascript: 

const obj = {
    propriedade: valor,
    outraPropriedade: [
    {propriedadeUmDaOutraPropriedade: valor},
    {propriedadeDoisDaOutraPropriedade: valor},
    ]
}

Você vê que a sintaxe é bem conveniente, você pode guardar qualquer informação de acordo com sua propriedade e seu respectivo valor, e até mesmo listas contendo vários dados que seriam os arrays de objetos, que é justamente o que está sendo utilizado no arquivo db.json.

Enfim, a professora criou este arquivo db.json manualmente para simular uma API, e com o pacote json-server subiu este arquivo em um servidor localmente, você inclusive pode trocar as informações deste arquivo, e adicionar mais dados a ele, é só seguir a estrutura.

Se você acessar o repositório deste pacote verá que é fácil mockar os dados de uma API, basta instalar o json-server, criar um arquivo chamado db.json (por isso se chama db.json), e posteriormente iniciar o JSON server com o comando json-server --watch db.json. Provavelmente dá para renomear o arquivo como você quiser, mas ao executar o comando para rodar o json-server também terá que dar o --watch e o nome do arquivo que você escolheu (falo isto pq não utilizei muito o json-server):

github.com/typicode/json-server

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

E é isso, tá aí como iniciar o arquivo do zero, só criar um arquivo json e escrever os dados no formato JSON (é claro). Este é o Santo Graal do Hypertext Transfer Protocol (HTTP) a base para a comunicação de dados da World Wide Web, o corpo de requisições e respostas entre cliente e servidor normalmente são tudo com o Content-Type como application/json, que informa que os dados que estão transitando estão no formato JSON.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software