Teste backend pokémon pt 1

Teste back-end pokémon pt 1

Depois de ter acompanhado toda a introdução sobre o método de estudo no ultimo artigo, que se consiste no desafio de criar uma API com dados de Pokémon, nós vamos colocar em prática o que aprendemos!

Nós vamos iniciar o teste criando o servidor, e para este processo nós vamos utilizar o express. Após este primeiro passo nós vamos criar uma pasta, você pode escolher o nome de sua preferência, eu vou chamar a minha de:

teste_backend_pokemon

Agora nós vamos acessar acessar a pasta criada pelo terminal, caso você não saiba basta fazer assim:

cd /home/projetos/....

O código acima é um exemplo da ultilização do comando cd

Agora que já estamos na raiz vamos iniciar o npm nela com o seguinte comando:

npm init ou npm init -y

O comando pode ser como o citado se você quiser preencher todas as perguntas ou podemos passar o -y assim aceitamos todas as solicitações e ele cria automaticamente.

Com isso ira aparecer um arquivo chamado package.json nele contem todas as informações sobre nossa aplicação, incluindo as dependências.

Após este passo vamos instalar as dependências nescessárias para o momento, então digite o comando abaixo:

npm i nodemon body-parse cors express

Agora podemos começar a parte mais importante que é codar 🔥

Para essa etapa crie um arquivo chamado index.js, dentro dele vamos colocar o seguinte código:

const express = require("express"); // importamos o express
const cors = require("cors"); // importamos o cors
const app = express(); // agora instanciamos o express na variável app 
app.use(cors()); // informamos que vamos usar o cors junto ao express

// aqui falamos que o express ira entender o formato json
app.use(express.json()); 

// criamos a variavel que ira receber a porta do nosso servidor
const port = 3333; 

// inicializamos nosso servidor
app.listen(port, () => {
  console.log(`Servidor rodando na porta: ${port}`);
});

Depois de criar o index.js e digitar o código acima vamos inicializar o nosso servidor com o comando a
seguir, para isso você deve estar com o seu terminal na raiz do projeto.

nodemon index.js

Assim, vamos ver o seguinte resultado:

E com isso já teremos a estrutura padrão do nosso projeto!! 😄🚀