Het grootste probleem met betrekking tot het verzenden van HTML-bestanden met Express is dat Express standaard geen ondersteuning biedt voor het bedienen van statische bestanden zoals HTML, CSS en JavaScript. Om statische bestanden te bedienen, moet u een middleware gebruiken zoals express.static() of de express.static middleware die wordt geleverd door het pakket serve-static. Met deze middleware kunt u een map specificeren waar uw statische bestanden zich bevinden en vervolgens verzoeken voor die bestanden toewijzen aan die map.
To send an HTML file with Express, you can use the res.sendFile() method. This method takes the path of the file as its argument and sends it to the client.
Example:
app.get('/', (req, res) => {
res.sendFile(__dirname + '/index.html');
});
1. app.get('/', (req, res) => {
// Deze regel definieert een routehandler voor het rootpad van de applicatie. Wanneer een verzoek wordt gedaan aan het rootpad, wordt deze callback-functie uitgevoerd met req- en res-objecten als argumenten.
2. res.sendFile(__dirname + '/index.html');
// Deze regel gebruikt de Express-methode sendFile() om een HTML-bestand in __dirname + '/index.html' naar de client te sturen als antwoord op hun verzoek om het rootpad van de toepassing
Wat is een HTML-bestand
Een HTML-bestand is een Hypertext Markup Language-bestand, dat wordt gebruikt om webpagina's te maken. HTML-bestanden zijn opgebouwd uit tags en attributen die de structuur en inhoud van een webpagina definiëren. Ze zijn in platte tekst geschreven, zodat ze met elke teksteditor kunnen worden geopend en bewerkt.
Over ExpressJS
ExpressJS is een webapplicatieframework voor Node.js, vrijgegeven als gratis en open-source software onder de MIT-licentie. Het is ontworpen voor het bouwen van webapplicaties en API's. Het wordt het de facto standaard serverframework voor Node.js genoemd.
ExpressJS biedt een robuuste set functies om web- en mobiele applicaties te ontwikkelen. Het vereenvoudigt het proces van het routeren van verzoeken, het beheren van middleware, het weergeven van HTML-pagina's en het verzenden van antwoorden naar de clientzijde. ExpressJS biedt ook ondersteuning voor template-engines zoals Jade, EJS en Handlebars.
Het ExpressJS-framework is gebaseerd op JavaScript en maakt gebruik van een MVC-architectuurpatroon (Model-View-Controller) waarmee ontwikkelaars gemakkelijk schaalbare applicaties kunnen maken. Bovendien stelt het ontwikkelaars in staat om meerdere databases te gebruiken, zoals MongoDB, Redis, MySQL enz., waardoor het eenvoudiger wordt om complexe applicaties te bouwen.
Hoe verstuur ik een HTML-bestand met Express
Om een HTML-bestand met Express te verzenden, moet u de methode res.sendFile() gebruiken. Deze methode neemt het pad van het bestand als argument en stuurt het als antwoord naar de client.
Voorbeeld:
app.get('/', (req, res) => {
res.sendFile(__dirname + '/index.html');
});
