Megtudhatja, hogyan kell használni a res. küldje el a fájlt () ebben az oktatóanyagban.
Előfeltételek: -
Az oktatóanyag befejezéséhez a következőkre lesz szüksége:
- A Node.js helyben telepítve, amit a „Node.js telepítése és helyi fejlesztési környezet létrehozása” követésével tehet meg.
1. lépés – A projekt beállítása
Ezt az oktatóanyagot a Node v16.17.0, npm v8.19.1 és express v4.18.2 verziókkal ellenőriztük.
Új npm projekt inicializálása: -
npm init
Csomópontprojekt létrehozásakor szükség van a package.json fájlra. Az npm init kényelmes módja a package.json létrehozásának; előfordulhat, hogy minden alkalommal le kell futtatnia, amikor új projektet indít.
2. lépés – Az Express.js telepítése
npm install express
Először is telepítenie kell az expressz keretrendszert, hogy webalkalmazást hozzon létre egy csomóponti terminál használatával. Az expressz keretrendszer telepítéséhez használja a következő parancsot.
Jelenleg egy új projektet hozott létre az Express számára.
3. lépés – Portszám megadása
Most hozzon létre egy új server.js fájlt, és nyissa meg benne a kódszerkesztőt:
const express = require('express');
const app = express();
app.listen(3000);
A szerver most a http://localhost:3000/ oldalon fut. Ezt követően ezt a kódot tiszta formában optimalizáljuk.
4. lépés – Az env változó beállítása
const express = require('express');
const app = express();
const PORT = process.env.PORT || 3000;
app.listen('3000',()=>{
console.log(`server is listening on port ${3000}`);
})
Itt hozzáadtunk egy mondatot: „ const PORT = process.env.PORT || 3000; ” ennek segítségével elérhetővé tudunk tenni egy portot az .env változóból, ha az .env fájlban be van állítva (a következő blogokban megtudjuk az .env változót, úgyhogy maradjon velünk .) Ha a 3000-es port foglalt, akkor az expressz az .env fájlban beállított portot használja.
5. lépés – a res.sendfile használatával
Most elküldjük a HTML fájlt az expressz szerverre, és ehhez először hozzon létre egy HTML fájlt.
//server.js file
const express = require('express');
const app = express();
const PORT = process.env.PORT || 3000;
const path = require('path')
app.get('/',(req,res)=>{
res.sendFile(path.resolve(__dirname) +'/index.html');
});
app.listen('3000',()=>{
console.log(`server is listening on port ${3000}`);
}
)
//index.html file
<!DOCTYPE html>
<html>
<head>
<title>Abhi</title>
</head>
<body>
<h1>hello Mern developers</h1>
</body>
</html>
az elérési út a Node.js natív segédprogram modulja.
https://nodejs.org/api/path.html
A require a Node.js globális funkciója, amely lehetővé teszi a tartalom kinyerését a module.exports objektumból valamilyen fájlon belül.
A szokásos NPM-modulokkal ellentétben nem kell telepítenie, mert már a Node.js-ben van
A példában a path.resolve metódust használja, amely megfelelő karakterláncot hoz létre, amely a fájl elérési útját reprezentálja.
Az app.get() függvény a HTTP GET kéréseket a megadott visszahívási függvényekkel megadott elérési útra irányítja. Célja, hogy a köztes szoftvert az alkalmazáshoz kösse.
Kód kimenet: -
Tehát itt sikeresen eljuttattuk a HTML-fájlt az expressz kiszolgálóhoz a node js és express.js használatával.
