Solucionat: com enviar un fitxer html amb express

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');
});

Articles Relacionats:

Deixa el teu comentari