Ratkaistu: kuinka lähettää html-tiedosto Expressillä

Suurin ongelma, joka liittyy HTML-tiedostojen lähettämiseen Expressillä, on se, että Express ei tue staattisten tiedostojen, kuten HTML:n, CSS:n ja JavaScriptin, palvelemista. Staattisten tiedostojen palvelemiseksi sinun on käytettävä väliohjelmistoa, kuten express.static() tai serve-static-paketin tarjoamaa express.static-väliohjelmistoa. Tämän väliohjelmiston avulla voit määrittää hakemiston, jossa staattiset tiedostosi sijaitsevat, ja yhdistää sitten kyseisten tiedostojen pyynnöt kyseiseen hakemistoon.

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) => {
// Tämä rivi määrittää reitinkäsittelijän sovelluksen juuripolulle. Kun pyyntö tehdään juuripolulle, tämä takaisinsoittotoiminto suoritetaan req- ja res-objektien argumentteina.

2. res.sendFile(__dirname + '/index.html');
// Tämä rivi käyttää Express-menetelmää sendFile() lähettääkseen asiakkaalle HTML-tiedoston, joka sijaitsee osoitteessa __dirname + '/index.html' vastauksena sovelluksen juuripolun pyyntöön.

Mikä on HTML-tiedosto

HTML-tiedosto on Hypertext Markup Language -tiedosto, jota käytetään verkkosivujen luomiseen. HTML-tiedostot koostuvat tageista ja attribuuteista, jotka määrittävät verkkosivun rakenteen ja sisällön. Ne on kirjoitettu pelkkänä tekstinä, joten ne voidaan avata ja muokata millä tahansa tekstieditorilla.

Tietoja ExpressJS:stä

ExpressJS on Node.js:n verkkosovelluskehys, joka on julkaistu ilmaisena ja avoimen lähdekoodin ohjelmistona MIT-lisenssin alaisena. Se on suunniteltu verkkosovellusten ja API:iden rakentamiseen. Sitä on kutsuttu Node.js:n de facto vakiopalvelinkehykseksi.

ExpressJS tarjoaa vankan joukon ominaisuuksia verkko- ja mobiilisovellusten kehittämiseen. Se yksinkertaistaa pyyntöjen reititystä, väliohjelmiston hallintaa, HTML-sivujen renderöintiä ja vastausten lähettämistä asiakaspuolelle. ExpressJS tarjoaa myös tuen mallimoottoreille, kuten Jade, EJS ja Handlebars.

ExpressJS-kehys perustuu JavaScriptiin ja käyttää MVC-arkkitehtuurimallia (Model-View-Controller), jonka avulla kehittäjät voivat luoda skaalautuvia sovelluksia helposti. Lisäksi sen avulla kehittäjät voivat käyttää useita tietokantoja, kuten MongoDB, Redis, MySQL jne., mikä helpottaa monimutkaisten sovellusten rakentamista.

Kuinka lähetän HTML-tiedoston Expressillä

Jos haluat lähettää HTML-tiedoston Expressillä, sinun on käytettävä menetelmää res.sendFile(). Tämä menetelmä ottaa tiedoston polun argumenttina ja lähettää sen vastauksena asiakkaalle.

Esimerkiksi:
app.get('/', (req, res) => {
res.sendFile(__dirname + '/index.html');
});

Related viestiä:

Jätä kommentti