Node.js - express static

Express static

Vanuit je Node.js server in Express is er de mogelijkheid om statische content terug te geven. Hiermee wordt de HTML, CSS en JS die de gebruiker in zijn browser gaat inladen bedoeld. Eigenlijk is dit de client.

Statische content in Express wordt vaak in een aparte map gezet met de naam 'public'. Dit hoeft niet persé zo maar is wel de aangeraden standaard. In principe kun je vanuit elke map statische content aanbieden maar de voorbeelden die je hier vindt gaan uit van de map 'public'.

Wil je meer informatie vinden over het aanbieden van statische content binnen Express zie dan Express static

Hieronder vind je een code voorbeeld van hoe je statische content kunt aanbieden vanuit je Express server.

            
import express from 'express';

const app = express();
const port = 3000;

//deze regel code zorgt ervoor dat er vanuit de 'public' map statische content kan worden geserveerd
app.use(express.static('public'));

app.get('/', (req, res) => {
    res.send('Hello World!');
});

app.listen(port, () => {
    console.log(`Example app listening on port ${port}`);
});