- Level 1: sobre nossa API
- Level 2: a arquitetura MVC do projeto
- Level 3: organização das rotas
- Game Start: inicialização do projeto atual
Para esta aplicação criamos algumas rotas utilizando os principais métodos HTTP para manipular uma lista de jogos em JSON. Temos a possibilidade de ler todos os jogos da lista, ler apenas um, adicionar e deletar jogos, além de favoritar ou desfavoritar.
Exemplo de um jogo cadastrado na nossa lista JSON:
{
"id": 2,
"title": "Mario Kart",
"launchYear": "1992",
"consoles": ["superNintendo", "nintendo64", "nintendoSwitch"],
"liked": true
}
- Utilizamos o módulo fs para exercitar o novo conteúdo apresentado em aula e otimizar a funcionalidade do servidor criado, pois conseguiremos ver as manipulações de rota alterando diretamente a lista JSON dentro da nossa pasta Model.
Utilizamos o padrão de projeto MVC, onde o código é dividido em três camadas principais interconectadas (Model-View-Controller).
- Model > Temos os nossos dados e seu formato, é a partir dele que pensamos na lógica e funções;
- Controller > Como as nossas rotas se comportam, qual o tratamento para as requisições e resposta;
- View > Interface do usuário. Como o foco é nossa execução em back-end, não utilizamos a View como interface para usuário.
Demais arquivos e pastas:
- router > cadastro/lista das rotas
- app.js > rota raíz
- server.js > configuração da porta
📂 para-casa
├── 📁 games
├── 📂img
├── 📂src
│ ├── 📂controllers
| ├── 📃 gamesController.json
│ ├── 📂models
| ├── 📃 games.json
│ ├── 📂router
│ ├── 📃 gamesRoutes.js
| ├── 📃 app.js
├── 📃 .gitignore
├── 📃 package-lock.json
├── 📃 package.json
├── 📃 server.js
Configuração das rotas para manipular a lista de jogos:
# Clonar o repositório
$ git clone https://github.com/lialaurindo/On16-TodasEmTech-S11-API-Revisao
# Entrar na pasta do repositório
$ cd para-casa/games
# Instalar as dependências
$ npm install
#Executar o servidor
$ npm start
Utilizando a porta 1414 no server com endpoint /play
. Deste modo temos a
rota principal: localhost:1411/play
---
MarioMoji by Lia
☁☁☁☁☁
🕳 ☁☁☁☁
☁ ☁
📀📀📀 ☁☁☁
🟫🟫🟫🟫
📀 ❓ 🍄
🟧 🟫🟧🟫🟧
🟫
🟫🟫
🟩🟩🟩 🟩🟩 🕳 🟫🟫🟫 🏁
🟩🟩🟩🟩🟩 🏃♂️ 🟩🟩🟩🟩🟩🟩🟩 👾 🟩🟩🟩 🟫🟫🟫🟫 🟫🎀🏰
🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫
🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫🟫