Apresentação e organização do projeto

Na disciplina de front-end foi desenvolvido um layout de um blog com conteúdo estático. Porém, agora é preciso dar vida a essa página.

Baixando o projeto

Para ter acesso ao projeto front-end baixe, o arquivo aqui.

Organizando as rotas

Para essa nova etapa, podemos limpar nossos arquivos, retirando códigos que não serão utilizados. Então, remova as rotas de cursos, alunos e / criadas anteriormente.

Após essa remoção, é preciso fazer a diferenciação entre as rotas que retornam json, no caso a api, e as rotas que renderizam uma página HTML. Para isso, a ideia é colocar um prefixo /api em todas as rotas da api. Ao término das alterações, o arquivo deve ficar assim:

    const express = require('express')
    const rotaUsuario = require('./rotas/usuario.rota')
    const rotaPost = require('./rotas/posts.rota')
    var expressLayouts = require('express-ejs-layouts')

    const indexRoute = require('./rotas/index.rota')

    const app = express()

    app.use(express.json())
    app.set('view engine', 'ejs')

    app.set('layout', 'layouts/layout')

    app.use(expressLayouts)

    app.use('/static', express.static('public'))

    app.use('/api/usuarios', rotaUsuario)
    app.use('/api/posts', rotaPost)

    app.get('/api', (req, res) => {
            res.json({msg: "Hello from Express!"})
    })

    app.listen(8080, () => {
            console.log(`Iniciando no ambiente ${process.env.NODE_ENV}`)
            console.log('Servidor pronto na porta 8080')
    })

Por fim, acompanhe a aula e altere os arquivos .http para fazer os testes.