El principal problema relacionat amb l'enviament de fitxers HTML amb Express és que Express no admet de forma nativa la publicació de fitxers estàtics com HTML, CSS i JavaScript. Per publicar fitxers estàtics, heu d'utilitzar un programari intermediari com express.static() o el programari intermediari express.static proporcionat pel paquet serve-static. Aquest programari intermedi us permetrà especificar un directori on es troben els vostres fitxers estàtics i, a continuació, mapejar les sol·licituds d'aquests fitxers a aquest directori.
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) => {
// Aquesta línia defineix un controlador de ruta per a la ruta arrel de l'aplicació. Quan es fa una sol·licitud a la ruta arrel, aquesta funció de devolució de trucada s'executarà amb els objectes req i res com a arguments.
2. res.sendFile(__dirname + '/index.html');
// Aquesta línia utilitza el mètode Express sendFile() per enviar un fitxer HTML situat a __dirname + '/index.html' al client com a resposta a la seva sol·licitud de la ruta arrel de l'aplicació
Què és un fitxer HTML
Un fitxer HTML és un fitxer de llenguatge de marques d'hipertext, que s'utilitza per crear pàgines web. Els fitxers HTML estan formats per etiquetes i atributs que defineixen l'estructura i el contingut d'una pàgina web. Estan escrits en text pla, de manera que es poden obrir i editar amb qualsevol editor de text.
Sobre ExpressJS
ExpressJS és un marc d'aplicacions web per a Node.js, publicat com a programari lliure i de codi obert sota la llicència MIT. Està dissenyat per crear aplicacions web i API. S'ha anomenat marc de servidor estàndard de facto per a Node.js.
ExpressJS ofereix un conjunt robust de funcions per desenvolupar aplicacions web i mòbils. Simplifica el procés d'enrutament de sol·licituds, gestió de middleware, renderització de pàgines HTML i enviament de respostes al costat del client. ExpressJS també proporciona suport per a motors de plantilles com Jade, EJS i Handlebars.
El marc ExpressJS es basa en JavaScript i utilitza un patró d'arquitectura MVC (Model-View-Controller) que ajuda els desenvolupadors a crear aplicacions escalables amb facilitat. A més, permet als desenvolupadors utilitzar diverses bases de dades com MongoDB, Redis, MySQL, etc., cosa que facilita la creació d'aplicacions complexes.
Com puc enviar un fitxer HTML amb Express
Per enviar un fitxer HTML amb Express, heu d'utilitzar el mètode res.sendFile(). Aquest mètode pren la ruta del fitxer com a argument i l'envia com a resposta al client.
Exemple:
app.get('/', (req, res) => {
res.sendFile(__dirname + '/index.html');
});
