Hovedproblemet knyttet til sending av HTML-filer med Express er at Express ikke støtter visning av statiske filer som HTML, CSS og JavaScript. For å betjene statiske filer, må du bruke en mellomvare som express.static() eller express.static-mellomvaren levert av serve-static-pakken. Denne mellomvaren lar deg spesifisere en katalog der de statiske filene dine er plassert og deretter tilordne forespørsler for disse filene til den katalogen.
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) => {
// Denne linjen definerer en rutebehandler for rotbanen til applikasjonen. Når en forespørsel sendes til rotbanen, vil denne tilbakeringingsfunksjonen bli utført med req- og res-objekter som argumenter.
2. res.sendFile(__dirnavn + '/index.html');
// Denne linjen bruker Express-metoden sendFile() for å sende en HTML-fil som ligger på __dirnavn + '/index.html' til klienten som et svar på deres forespørsel om rotbanen til applikasjonen
Hva er en HTML-fil
En HTML-fil er en Hypertext Markup Language-fil, som brukes til å lage nettsider. HTML-filer består av tagger og attributter som definerer strukturen og innholdet på en nettside. De er skrevet i ren tekst, slik at de kan åpnes og redigeres med et hvilket som helst tekstredigeringsprogram.
Om ExpressJS
ExpressJS er et nettapplikasjonsrammeverk for Node.js, utgitt som gratis og åpen kildekode-programvare under MIT-lisensen. Den er designet for å bygge webapplikasjoner og APIer. Det har blitt kalt de facto standard serverrammeverk for Node.js.
ExpressJS tilbyr et robust sett med funksjoner for å utvikle nett- og mobilapplikasjoner. Det forenkler prosessen med å rute forespørsler, administrere mellomvare, gjengi HTML-sider og sende svar til klientsiden. ExpressJS gir også støtte for malmotorer som Jade, EJS og Handlebars.
ExpressJS-rammeverket er basert på JavaScript og bruker et MVC (Model-View-Controller) arkitekturmønster som hjelper utviklere med å lage skalerbare applikasjoner med letthet. I tillegg lar det utviklere bruke flere databaser som MongoDB, Redis, MySQL etc., noe som gjør det enklere å bygge komplekse applikasjoner.
Hvordan sender jeg en HTML-fil med Express
For å sende en HTML-fil med Express, må du bruke res.sendFile()-metoden. Denne metoden tar banen til filen som et argument og sender den som et svar til klienten.
Eksempel:
app.get('/', (req, res) => {
res.sendFile(__dirnavn + '/index.html');
});