Como tratar erro 404 de rota ou página não existente no Express

Como tratar o erro 404 no Express?

Introdução ao tratamento de erros

• O apresentador introduz o tema do vídeo, que é como tratar o erro 404 no Express, um erro comum quando uma rota não existe.

• Ele menciona a importância de informar ao usuário quando uma página solicitada não está disponível e que o Express não possui um tratamento específico para esse erro.

Estrutura das rotas no Express

• O sistema do Express recebe solicitações e tenta encaminhá-las para rotas cadastradas; se nenhuma for encontrada, deve-se indicar isso ao usuário.

• É sugerido adicionar uma rota de erro 404 após todas as rotas existentes para capturar solicitações inválidas.

Implementação da rota de erro 404

• O apresentador explica que será criada uma rota específica para lidar com erros 404, caso nenhuma das rotas cadastradas seja acessada.

• Ele demonstra um exemplo prático com três rotas já configuradas e mostra como a aplicação responde a uma solicitação por uma rota inexistente.

Tratamento do erro com mensagens personalizadas

• Após definir a rota de erro, ele implementa uma função que retorna um status 404 junto com uma mensagem personalizada informando que a rota não existe.

• A resposta padrão é apresentada como res.status(404).send("Essa rota não existe"), mostrando como o Express lida com essa situação.

Alternativas na resposta de erros

• Além da mensagem padrão, ele sugere retornar um objeto JSON em vez de texto simples, mantendo compatibilidade com APIs.

• A recomendação é sempre retornar JSON nas respostas para garantir consistência nas interações da API.

Renderização de páginas personalizadas para erros

• O apresentador propõe renderizar uma página HTML personalizada em vez de apenas enviar mensagens textuais. Para isso, ele sugere instalar o pacote ejs.

• Ele orienta sobre como criar um diretório "views" e um arquivo "404.ejs" contendo HTML básico para exibir quando ocorrer um erro 404.

Finalizando a implementação da página de erro

• No arquivo "404.ejs", ele insere código HTML que informa ao usuário sobre a página não encontrada e utiliza variáveis dinâmicas para mostrar qual URL foi requisitada.

• Por fim, ele testa a implementação e confirma que tudo funciona corretamente ao acessar URLs inexistentes.

Tratamento de Erro 404 com Layout Personalizado

Introdução ao Tratamento de Erros

• O vídeo aborda a criação de uma página de erro 404, destacando que sistemas normalmente utilizam layouts mais amigáveis para melhorar a experiência do usuário.

• O apresentador menciona que irá substituir o código da página padrão por um layout mais personalizado e visualmente atraente.

Implementação do Layout

• O novo layout inclui animações e uma mensagem clara informando que a página não foi encontrada, além de um botão para redirecionar o usuário à página inicial.

• A nova página é descrita como mais bonita e amigável, proporcionando uma melhor interação com o usuário em caso de erro.

Fontes e Recursos Utilizados

• O apresentador compartilha que obteve o layout da internet, especificamente do site "freefromcandy.com", onde encontrou várias opções para páginas de erro 404.

• Ele promete deixar o link do site na descrição do vídeo, assim como todo o código exemplo utilizado durante a apresentação.

Conclusão e Interação com os Espectadores

• O apresentador incentiva os espectadores a curtirem o vídeo e deixarem comentários com dúvidas ou sugestões, promovendo interação e engajamento no canal.