2.0 KiB
id, title, challengeType, forumTopicId, dashedName
| id | title | challengeType | forumTopicId | dashedName |
|---|---|---|---|---|
| 587d7fb0367417b2b2512bf0 | Servir ativos estáticos | 2 | 301518 | serve-static-assets |
--description--
Um servidor HTML geralmente tem um ou mais diretórios acessíveis pelo usuário. Você pode colocar lá os recursos estáticos necessários para a aplicação (folhas de estilos, scripts e imagens).
No Express, você pode colocar esta funcionalidade usando o middleware express.static(path), onde o parâmetro path é o caminho absoluto da pasta que contém os arquivos.
Se você não sabe o que é um middleware... não se preocupe. Discutiremos isso em detalhes mais tarde. Basicamente, middleware são funções que interceptam manipuladores da rota, adicionando algum tipo de informação. Um middleware precisa ser montado usando o método app.use(path, middlewareFunction). O primeiro argumento, path, é opcional. Se você não passar esse argumento, o middleware será executado em todas as solicitações.
--instructions--
Monte o middleware express.static() para o caminho /public com app.use(). O caminho absoluto para a pasta de arquivos é __dirname + /public.
Agora, seu aplicativo deve ser capaz de servir uma folha de estilos de CSS. Observe que o arquivo /public/style.css é referenciado em /views/index.html no boilerplate do projeto. A página inicial deve estar um pouco melhor agora!
--hints--
Seu aplicativo deve servir arquivos de ativos do diretório /public no caminho /public
(getUserInput) =>
$.get(getUserInput('url') + '/public/style.css').then(
(data) => {
assert.match(
data,
/body\s*\{[^\}]*\}/,
'Your app does not serve static assets'
);
},
(xhr) => {
throw new Error(xhr.responseText);
}
);
--solutions--
/**
Backend challenges don't need solutions,
because they would need to be tested against a full working project.
Please check our contributing guidelines to learn more.
*/