2.0 KiB
| id | title | challengeType | forumTopicId | dashedName |
|---|---|---|---|---|
| 587d7fb0367417b2b2512bf0 | Servire Risorse Statiche | 2 | 301518 | serve-static-assets |
--description--
Un server HTML di solito ha una o più directory che sono accessibili all'utente. È possibile posizionare lì le risorse statiche necessarie per l'applicazione (fogli di stile, script, immagini).
In Express, puoi mettere in atto questa funzionalità usando il middleware express.static(path), dove il parametro path è il percorso assoluto della cartella contenente le risorse.
Se non sai cosa è un middleware... non ti preoccupare, ne discuteremo in dettaglio più tardi. Fondamentalmente, i middleware sono funzioni che intercettano i gestori delle rotte, aggiungendo un certo tipo di informazioni. Un middleware deve essere montato usando il metodo app.use(path, middlewareFunction). Il primo argomento path è facoltativo. Se non viene passato, il middleware verrà eseguito per tutte le richieste.
--instructions--
Monta il middleware express.static() sul percorso /public con app.use(). Il percorso assoluto della cartella asset è __dirname + /public.
Ora la tua app dovrebbe essere in grado di servire un foglio di stile CSS. Nota che il file /public/style.css è referenziato nel /views/index.html nel codice standard. Adesso la tua pagina principale dovrebbe avere un aspetto un po' migliore!
--hints--
La tua app dovrebbe servire i file di risorsa dalla directory /public al percorso /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.
*/