Útmutató kezdőknek a Node.js használatához

Utmutato Kezdoknek A Node Js Hasznalatahoz



A Node.js hatékony eszköznek bizonyult a webfejlesztésben, és hatékonyságának, megbízhatóságának és méretezhetőségének köszönhetően egyre népszerűbb a fejlesztők körében. Alapvető ismereteket szerezni, mielőtt bármibe belemerülnénk, és mindent egy helyen tudni, nagyon jó érzés. A Node.js alapos megértéséhez a megfelelő helyre kell jönnie. A cikk elolvasása után a felhasználók megkezdhetik a kódszkriptek Node.js-ben történő írását.

Ez a bejegyzés a következőkre terjed ki:

Mi az a Node.js?

A Google keresőjében a leggyakrabban keresett lekérdezés: Mi az a Node.js? A legnépszerűbb kérdések: A Node.js programozási nyelv? Ez egy keret? Ez egy könyvtár? Az egyszerűsítés kedvéért a Node.js JS-könyvtár által támogatott futási környezetként definiálható.







Az egyik jól ismert, nyílt forráskódú, többplatformos Javascript futási környezet a Node.js. Alkalmazkodóképessége miatt bármilyen projektben vagy alkalmazásban használható. Ami megkülönbözteti, az a V8-as motor használata, ugyanaz a motor, mint a Google Chrome. Ez teszi a Node.js-t optimális választássá a szerveroldali szkriptek készítéséhez és a fejlesztői környezeten kívüli kódszkriptek végrehajtásához.



A Node.js egészen más, mint a többi szerveroldali programozási nyelv. Meg kell jegyezni, hogy ez nem háttérkiszolgáló vagy webszerver. Egyedül nem tud semmit, de a modulok gyűjteménye segít egy méretezhető projekt elkészítésében. Egyetlen szerveren fut, és nem generál további szálakat minden egyes kérelemhez. Ezenkívül a legtöbb NodeJS-könyvtár írásához nem blokkoló paradigmákat használnak, így a blokkoló viselkedés a szabály helyett a kivétel. Az aszinkron I/O primitívek a Node.js szabványos könyvtárának jellemzői, amelyek megakadályozzák a JavaScript-kód blokkolását.



Amikor a Node.js I/O műveletet hajt végre, például crud műveleteket hajt végre a hálózaton keresztül, akkor nem blokkolja a szálat és pazarolja a válaszra váró CPU ciklusokat; ehelyett a válasz beérkezése után folytatja a műveleteket.





Node.js egyszerű példa

Egy egyszerű példa a Node.js fogalmának megértésére: hozzon létre egy webszervert és írjon szöveget. Mivel ez a Node.js bevezetése, adjuk hozzá a bevezető sort egy webporthoz:

const http = igényelnek ( 'http' ) ;

const szerver port = 3000 ;

const szerver = http. CreateServer ( ( req, res ) => {

res. statusCode = 200 ;

res. setHeader ( 'Tartalom típus' , 'text/plain' ) ;

res. vége ( 'Útmutató kezdőknek a Node.js használatához! \n ' ) ;

} ) ;

szerver. hallgat ( szerver port, ( ) => {

konzol. log ( `A kiszolgáló a http címen fut : //localhost:${serverPort}/`);

} ) ;

Ebben a kódban:



  • A „const http = request(‘http’)” importálja a http modult, amely segít HTTP szerverek létrehozásában és a hozzá tartozó funkciók kezelésében.
  • A „const serverPort = 3000” azt a portot határozza meg, amelyen a szerver működni fog.
  • A 'const server = http.createServer((req, res) => {})' a http modul szerver létrehozási metódusával hoz létre egy kiszolgálót egy visszahívási függvénnyel, amelynek két argumentuma az egyik a kérés, a másik pedig a válasz. generálásra kerül a kérelemhez.
  • A visszahívási funkción belül a HTTPS állapotkód 200-ra, a választartalom típusa pedig egyszerű szövegre van állítva. Ezenkívül a webszerver megjelenít egy üzenetet „Útmutató kezdőknek a Node.js használatához” címmel.
  • A „server.listen(serverPort, () =>{})” meghívása elindítja a szervert, és meghallgatja a szerveren lévő összes bejövő kérést. A visszahívási funkció a szerver indítása után kerül meghívásra, és egy üzenetet jelenít meg a terminálban, amely megmutatja a portot, amelyen a szerver elindult.

Kimenet

A végrehajtáshoz használja az alábbi sort:

csomópont App. js

Ahol App.js az alkalmazás neve.

A terminál kimenete:

Ez azt jelzi, hogy a szerver elindult, és figyeli a bejövő kéréseket. A szerver válaszának ellenőrzéséhez használja a következő hivatkozást: http://localhost:3000/ ”.

A szerveroldali kimenet a következőképpen fog megjelenni:

Hogyan működik a Node.js?

A Node.js egy olyan platform, amely segít a szervereknek sok kérés egyidejű kezelésében. Bár csak egy szálat használ a kérések kezelésére, hatékonyan kezeli a bemeneti és kimeneti műveleteket a szálak használatával. A szálak utasítások csoportja, amelyek egyidejűleg hajtanak végre feladatokat. A Node.js egy eseményhurokkal működik, amely megállás nélkül vezérli a feladatokat, amíg az egyik el nem készül, mielőtt elindítja a következőt.

A Node.js eseményhurok egy folyamatos és félig végtelen ciklus. Ez a hurok kezeli a Node.js szinkron és nem szinkron eseményeit. Amint a Node.js projekt elindul, a végrehajtás elindul, ami zökkenőmentesen továbbítja a nehéz feladatokat a rendszernek. Ez lehetővé teszi a fő szál többi feladatának zökkenőmentes futtatását.

A Node.js eseményhurkok részletes koncepciójának megértéséhez és megértéséhez írtunk a dedikált cikk ebben a témában.

Node.js érdemei

A Node.js néhány fő érdeme:

  • Méretezhetőség : Leegyszerűsíti az alkalmazások kétirányú növekedését: vízszintesen és függőlegesen.
  • Valós idejű webalkalmazások : a legjobb olyan feladatokhoz, amelyek gyors szinkronizálást igényelnek, és megakadályozzák a HTTP túlzott terhelését.
  • Sebesség : Gyorsan hajthat végre olyan feladatokat, mint például az adatok adatbázisokba helyezése vagy onnan való eltávolítása, hálózatokhoz való kapcsolódás vagy fájlok kezelése.
  • Könnyű tanulás : A Node.js könnyen megtanulható kezdőknek, mert Javascriptet használ.
  • Gyorsítótárazási előny : Csak egy részt tárol, így nem kell újra futtatni a kódot, ha kérik, a gyorsítótár gyors memória és további betöltési időt takarít meg.
  • Adatfolyam : Különböző eseményekként kezeli a HTTP kéréseket és válaszokat, így javítja a teljesítményt.
  • Tárhely : Könnyen elhelyezhető olyan webhelyeken, mint a PaaS és a Heroku.
  • Vállalati támogatás : Olyan nagyvállalatok használják, mint a Netflix, SpaceX, Walmart stb.

Hogyan kell telepíteni a Node.js-t Windows rendszerre?

Mivel Node.js alkalmazásokat kezdünk fejleszteni, ha Windows környezetünk van, akkor be kell állítani a Node.js környezetet. Kövesse az alábbi lépésenkénti útmutatót a Node.js környezet beállításához Windows operációs rendszerben.

1. lépés: Töltse le a Node.js telepítőcsomagot

Keresse fel a Node.js hivatalos webhelyét Node.js hivatalos webhely és gondoskodjon a Node.js legújabb verziójának letöltéséről. Ellenőrizze azt is, hogy az npm csomagkezelő telepítve van-e vele, mert ez döntő szerepet játszik a Node.js alkalmazások méretezésében.

Csak kattintson a Windows Installerre, és elindul a letöltés. A letöltött verzió 64 bites lesz, és az LTS (Long Term Support) verzió ajánlott. Futtassa a telepítő csomagolót a Node.js telepítéséhez.

2. lépés: Telepítse a Node.js-t és az NPM-modult a számítógépére

A következő képernyő jelenik meg, ezért kattintson a Tovább gombra:

A Tovább gombra kattintás után egy új ablak jelenik meg, ahol a felhasználónak meg kell adnia a Node.js msi könyvtárak letöltésének elérési útját.

Most az alábbi ablakban válassza ki a kívánt útvonalat, és kattintson a következő gombra:

A Következő gombra kattintva megjelenik egy egyéni beállítási ablak, ahol ki kell választania a telepíteni kívánt csomagot. Ebben az ablakban válassza ki az npm csomagkezelőt, alapértelmezés szerint a Node.js futási környezet van kiválasztva. Az npm csomagkezelőben a Node.js és az npm csomag is telepítve van.

Végül kattintson a Telepítés gombra az utazás megkezdéséhez.

3. lépés: Ellenőrizze a telepített verziókat

Nagyon fontos tudni, hogy melyik verzió van telepítve, ezért annak ellenőrzéséhez lépjen a Windows keresősávjába, és írja be a Parancssorba:

Miután megnyílik a parancssor ablak, írjon be két parancsot az ellenőrzéshez.

A Node.js verziója

A Node.js verzióját a következő paranccsal lehet ellenőrizni a parancssorban:

csomópont - ban ben

Megjelenik a telepített verzió

NPM verzió

Az npm verzióellenőrzéshez használja a következő parancsot:

npm - ban ben

Az npm verziója megjelenik a terminálban.

Ennyi, és megkezdheti az alkalmazások fejlesztését a Node.js környezet beállításával.

Nem minden felhasználó használ Windows-t, ezért kívánatos mindenki igényeinek kielégítése. Az alábbiakban bemutatjuk a Node.js Mac rendszerre történő telepítésének folyamatát.

Hogyan telepítsem a Node.js-t Mac-re?

A Mac-et használó felhasználók számára a telepítés teljesen megegyezik a Windows rendszerrel. Menj a a Node.js hivatalos webhelye és töltse le a csomagot Mac-hez.

1. lépés: Töltse le a Package Manager for Mac programot

Látogassa meg a Node hivatalos webhelyét, és töltse le a NodeJS MacOSInstallerjét:

https://nodejs.org/en/download/current

Kattintson a megadott gombra a fenti képernyőn a letöltés megkezdéséhez.

A felhasználók megadhatják a telepítés helyét.

2. lépés: Telepítse a Node.js .pkg fájlt

Futtassa a telepítőfájlt, és kövesse a telepítési útmutatót:

Kattintson a „Telepítés” gombra, és megkezdődik a Node.js telepítése.

A NodeJS telepítésének befejezése után megjelenik az összefoglaló:

Kattintson a „Bezárás” gombra a telepítés befejezéséhez.

3. lépés: Ellenőrizze a Node.js telepítését és verzióit

A Node.js telepítésének ellenőrzéséhez és a verziószámának ellenőrzéséhez használja a következő parancsot:

csomópont -- változat

4. lépés: Az NPM globális frissítése

Hajtsa végre az alábbi parancsot az NPM frissítéséhez az összes rendszerfelhasználó számára a „–global” jelző használatával:

sudo apt install npm -- globális

5. lépés: Állítsa a csomópont elérési útját $PATH változóra

Futtassa a következő parancsot a NodeJS PATH változójának beállításához:

export PATH =/ usr / helyi / git / kuka :/ usr / helyi / kuka : $PATH

Jegyzet: A fenti parancsban a „/usr/local/bin” az a hely, ahol a NodeJS alapértelmezés szerint telepítve van.

6. lépés: Frissítse a PATH adatait a „.bash\_profile” fájlban

Adja hozzá az elérési út részleteit a „~/.bash\_profile” fájlhoz az alábbi paranccsal:

visszhang 'export PATH=/usr/local/bin:$PATH' >> ~ / . bash \_profil

7. lépés: Frissítse a ~/.bashrc fájlt

Ahhoz, hogy minden felhasználó számára elérhető legyen, hajtsa végre az alábbi parancsot:

forrás ~ / . bashrc

Ez a NodeJS telepítéséről és a PATH változó beállításáról szól a MacOS for NodeJS rendszerben.

Hogyan telepítsem a Node.js-t Linuxra?

A Node.js telepítéséhez bármely Debian-alapú Linux operációs rendszerre kövesse az alábbi lépésenkénti eljárást:

1. lépés: Nyissa meg a terminált

Először indítsa el a terminált a „CTRL+ALT+T” billentyűparancs segítségével:

2. lépés: Frissítse és frissítse a rendszert

Hajtsa végre az alábbi parancsot a rendszer tárolójának frissítéséhez és frissítéséhez:

sudo apt frissítés && sudo apt frissítés - és

3. lépés: Telepítse a Node-ot az apt csomagkezelő segítségével

A rendszer tárolójának frissítése után telepítse a Node.js fájlt a hivatalos APT csomagkezelőből a következő paranccsal:

sudo apt install nodejs

4. lépés: Ellenőrizze a csomópont telepítését

A telepítés után ellenőrizze a telepítést a Node.js verziójának ellenőrzésével az alábbi parancs segítségével:

csomópont - ban ben

5. lépés: Telepítse az NPM-et

Jó gyakorlat az NPM-et a NodeJS-sel együtt telepíteni, mivel erre a legtöbbször szükség van. Az NPM a hivatalos APT tárolóban is elérhető, és a megadott paranccsal telepíthető:

sudo apt install npm

6. lépés: Ellenőrizze az NPM telepítését

Ellenőrizze az NPM verzióját is, hogy ellenőrizze az NPM telepítését a következő paranccsal:

npm - ban ben

Így telepítheti a Node-ot és az NPM-et Debian-alapú Linux operációs rendszerekre.

Hogyan írjunk első Node.js programot? (Helló Világ)

Minden készen áll a Node.js alapú alkalmazások fejlesztésére. Készítsük el az első olyan programunkat, ami elég gyakori. Amikor valaki elkezd tanulni egy új nyelvet vagy keretrendszert, az első program általában a „Hello World” kinyomtatása. Mindenkinek másképpen köszönni egy jó érzés, és az új utunk kezdetéről mesélni. Alább található a kezdéshez szükséges kód:

// App.js

konzol. log ( 'Helló Világ!' ) ;

Ennek a kódszkriptnek a végrehajtásához használja a következő parancsot:

csomópont App. js

Kimenet

A Hello World kijelentés naplózásra kerül a terminálon:

Hogyan importálhatunk csomóponti magmodulokat?

A felhasználóknak a „require()” függvényt kell használniuk a kívánt modul használatához a kódszkriptjükben. Például, ha az „fs” (Fájlrendszer) modult kell használni, az import kódsor a következő lesz:

const fs = igényelnek ( 'fs' )

Ez importálja a modul összes funkcióját, és az fs változóban tárolja, amely egy állandó változó, ami azt jelenti, hogy a tartalma nem módosítható a futási időben. Ezután az „fs” változó használatával a felhasználó megvalósíthatja a kívánt funkciókat.

Most hozzunk létre egy egyszerű kódpéldát, amelyben egy modult importálunk, és annak funkcióit használják a kódszkriptben.

Példa: A HTTP modul használata

const http = igényelnek ( 'http' ) ;

// Egyszerű HTTP szerver

const httpServer = http. createServer ( ( req, res ) => {

res. writeHead ( 200 , { 'Tartalom típus' : 'text/html' } ) ;

res. ír ( '' ) ;

res. ír ( '' ) ;

res. ír ( '' ) ;

res. ír ( '' ) ;

res. ír ( '' ) ;

res. ír ( 'Hello World!' ) ;

res. ír ( '' ) ;

res. ír ( '' ) ;

res. ír ( '

Szia, világ!

'
) ;

res. ír ( '' ) ;

res. ír ( '' ) ;

res. vége ( ) ;

} ) ;

// Hallgatás a 3000-es porton

httpServer. hallgat ( 3000 , ( ) => {

konzol. log ( 'Szerver figyel a 3000-es porton' ) ;

} ) ;

Ebben a kódban:



  • A „const http = request(‘http’)” importálja a http modul tartalmát, és egy állandó „http” változóban tárolja.
  • 'const httpServer = http.createServer((req, res) =>' létrehoz egy egyszerű HTTP szervert, és hozzáadja a Hello World szöveget néhány alapvető HTML-mel együtt. A createServer metódus létrehoz egy szervert két argumentummal az egyik a szerveren lévő kérés és a második az adott kérésre generált válasz.
  • A „httpServer.listen(3000, () =>” a helyi gazdagép 3000-es portját határozza meg, és üzenetet küld a terminálnak, hogy a szerver aktív, és a 3000-es porton figyel.

A Node App futtatásához futtassa a JS fájlt a node paranccsal az alábbiak szerint:

csomópont App. js

Ahol App.js a fájl neve.







Kimenet



A kód futtatásakor a terminál üzenete a következő lenne:







Most ellenőriznünk kell a szerveroldali kimenetet, és ellenőriznünk kell, hogy a „Hello World” üzenet ki van-e nyomtatva ott vagy sem:



Az üzenetet sikeresen kinyomtatták a szerveren, és a betűtípust néhány alapvető HTML használatával beállították.

Node.js: Alapmodulok

A Node.js egyes moduljai a következők:

  • http: lehetővé teszi HTTP-kiszolgáló létrehozását a Node.js-ben
  • állítja: az assert függvények gyűjteménye elsősorban a tesztelésben segít
  • fs: lehetővé teszi a fájlműveletek kezelését
  • pálya: a fájlútvonalakkal foglalkozó metódusok halmaza
  • folyamat: információkat és vezérlőket ad az aktuális Node.js folyamatról
  • te: információkat nyújt az operációs rendszerről
  • lekérdezési karakterlánc: URL-lekérdezési karakterláncok elemzésére és formázására használt eszköz
  • url: ez a modul eszközöket biztosít az URL-feloldáshoz és -elemzéshez

Hogyan telepítsünk NPM-csomagokat?

Az NPM (Node Package Manager) segít a harmadik féltől származó könyvtárak vagy eszközök kezelésében és használatában a Node.js projektben. Kövesse az alábbi lépéseket az NPM-csomagok telepítéséhez.

1. lépés: Telepítse a kívánt csomagot

Telepítsük az expressz modult, amely meglehetősen gyakori webalkalmazások Node.js-ben való fejlesztésénél. Az expressz telepítéséhez használja a következő parancsot:

npm install express

Ez a parancssor telepíti az expressz modult a projekt mappájába.

2. lépés: Mentse el a modult a Package.json fájlba

Az NPM automatikusan frissíti a package.json fájlt az új függőséggel. Ha kifejezetten a projektfüggőség fejlesztéseként szeretné menteni, használja a –save-dev vagy –save jelzőket.

npm install express -- megment - dev # Mentés fejlesztési függőségként

npm install express -- mentés # Mentés termelési függőségként

Miért fontosak az NPM-csomagok?

Az NPM-csomagok nagyon fontosak a Node.js fejlesztői környezetben. Az alábbiakban felsoroljuk a lehetséges okokat:

  • A kód újrafelhasználhatósága: Az NPM-csomagok nyilvántartást vezetnek a kódról, amely újra felhasználható. Optimalizált, kész módszereket kínálva időt takarítanak meg a fejlesztők számára.
  • Függőségkezelés: Az NPM megkönnyíti a projektkövetelmények kezelését. A projektkövetelmények listája a package.json fájlban található, amely megkönnyíti a projektkövetelmények használatát és megosztását.
  • Közösségi hozzájárulás: Az NPM segít felépíteni a fejlesztők nagy csoportját, akik megosztják munkájukat mások számára, hogy számos ingyenes szoftvercsomagban felhasználhassák. Ez a közös hozzájárulás felgyorsítja az alkalmazásfejlesztési időszakot.
  • Verzióvezérlés: Az NPM lehetővé teszi, hogy leírja a projekt csomag verzióját. Ez biztosítja a zökkenőmentes munkát és a szükséges változtatások kezelését.
  • Hatékonyság és konzisztencia: A hatékony csomagok használata növeli a projekt hatékonyságát, és lehetővé teszi a kódkonzisztencia fenntartását a fejlesztőcsapatban.

Ez az. Nemcsak a kívánt csomagok telepítését tanulta meg, hanem azt is, hogy miért van szükség ezekre a csomagokra a Node.js fejlesztői környezetében.

Hogyan kezdjük el az Express JS-t?

A hatékony webes alkalmazások létrehozásához az Express.js keretrendszert használják. Az „expressz” modul kiválóan alkalmas webalkalmazások Node.js-ben való létrehozására. Az alábbiakban bemutatjuk a csomag használatának megkezdéséhez szükséges eljárást.

1. lépés: Az Express telepítése

Az Express telepítéséhez használja a következő parancsot a terminálban:

npm install express

Az expressz modul telepítve lesz, ha már telepítve van, akkor ez a parancs frissíti a modult

2. lépés: Az expressz modul tesztelése egy alkalmazásban

A fenti lépés az expresst telepíti a csomag mappájába, és a felhasználó használhatja a modult úgy, hogy importálja azt a kódszkriptbe a „require” modul használatával, mint

const Expressz = igényelnek ( 'Expressz' )

Teszteljünk egy egyszerű kódszkriptet, amely az expressz modul funkcióit használja:

const Expressz = igényelnek ( 'Expressz' ) ;

const kb = Expressz ( ) ;

kb. kap ( '/' , ( req, res ) => {

res. Küld ( 'Hello Express!' ) ;

} ) ;

const kikötő = 3000 ;

kb. hallgat ( kikötő, ( ) => {

konzol. log ( `Szerver figyel a $ porton { kikötő } ` ) ;

} ) ;

A fenti kódban:

  • ' const express = megköveteli('kifejezés') ” importálja az expressz modult, és egy állandó változóban „expressz” tárolja, amellyel az ehhez a könyvtárhoz tartozó függvényeket tudjuk használni.
  • ' const app = express() ” kifejezés egy expressz alkalmazás meghatározására szolgál.
  • 'app.get('/', (req, res) =>' meghatározza az expressz alkalmazás válaszküldésének útvonalát 'Hello Express' az expressz alkalmazásra.
  • A kikötő 3000 a „port” nevű állandó változóban van megadva a helyi gazdagépen.
  • 'app.listen(port, () =>' létrehoz egy figyelőt a 3000-es porton, és naplóz egy üzenetet a terminálon, hogy a szerver figyel a megadott porton.

Kimenet

Az alkalmazás futtatásához használja az alábbi parancsot:

csomópont App. js

A terminál kimenete a következőképpen jelenik meg:

Tehát a szerver aktív, és a helyi gazdagép 3000-es portján figyel. Ha eléri ezt a hivatkozást a böngészőben, akkor a kimenet a következőképpen jelenik meg:

Ez minden az expressz modulról szól, hogyan tudjuk telepíteni, alkalmazást létrehozni és szerverportot indítani.

Hogyan lehet statikus fájlokat renderelni Expressben?

Az Expressben az express.static() függvény statikus fájlok, például HTML, CSS, képek stb. megjelenítésére szolgál. Az alábbiakban bemutatjuk a statikus fájlok Express-ben történő megjelenítésének folyamatát.

1. lépés: Hozzon létre egy projektet

Indítás előtt győződjön meg arról, hogy az expressz telepítve van, ha nem, akkor futtassa a következő parancsot:

npm install express -- megment

Ez a parancs helyileg telepíti az expressz modult a node_modules mappába, és frissíti a package.json fájlban.

2. lépés: Hozzon létre egy fájlt statikus fájlokhoz

Másodszor, hozzon létre egy mappát a munkakönyvtárban. Hozzon létre egy nyilvános nevű mappát a megjelenítendő statikus fájlok tárolására. Helyezze el az összes statikus HTML és CSS fájlt ebbe a könyvtárba a megjelenítéshez.

3. lépés: Az Express beállítása a statikus fájlok megjelenítéséhez

Az express.static() metódus segítségével adja meg a felhasználó által megjeleníteni kívánt statikus fájlok könyvtárát.

A fájl megjelenítése két kódszkriptet használ, az egyiket a háttérhez, amely a nyilvános mappába helyezett HTML-kódot veszi fel. A HTML-kód egyszerű marad, mivel a fő hangsúly a háttérrendszeren van.

Node.js szkript

const Expressz = igényelnek ( 'Expressz' ) ;

const kb = Expressz ( ) ;

kb. használat ( Expressz. statikus ( 'nyilvános' ) ) ;

const kikötő = 3000 ;

kb. hallgat ( kikötő, ( ) => {

konzol. log ( `Szerver figyel a $ porton { kikötő } ` ) ;

} ) ;

Ebben a kódban:

  • 'const express = megköveteli('express')' importálja az expressz modult a szkriptben a funkcióinak használatához.
  • 'const app = express()' elindítja az alkalmazást
  • 'app.use(express.static('public'))' megadja a könyvtárat a fájlok lekéréséhez, valamint a használatukhoz és a rendereléshez szükséges expressz alkalmazás biztosításához.
  • A kikötő 3000 az expressz alkalmazáshoz van megadva.
  • ':app.listen(port, () =>' Az üzenet naplózásával jelzi, hogy a szerver aktív, és a megadott porton figyel.

HTML szkript

DOCTYPE html >

< csak html = 'ban ben' >

< fej >

< meta karakterkészlet = 'UTF-8' >

< meta név = 'nézőablak' tartalom = 'szélesség = eszköz szélessége, kezdeti méret = 1,0' >

< cím > Statikus Renderelési példa cím >

fej >

< test >

< h1 > Express használata a rendereléshez Statikus Fájlok h1 >

test >

html >

Ebben a kódban csak egy címsor található, mivel a hangsúly a háttéren van, nem az előtéren, de szükség szerint további funkciókat is hozzáadhatunk.

Kimenet

Most futtassa a Node.js szkriptet a következő kóddal:

csomópont App. js

A következő üzenet kerül naplózásra a terminálon, amely azt jelzi, hogy a szerver készen áll, és a 3000-es porton figyel.

Nyissa meg a helyi gazdagép 3000-es portját a böngészőben, hogy megtekinthesse az expressz modul által megjelenített HTML kódot.

Ez minden a statikus fájlok expresszben való megjelenítéséhez. Most pedig nézzük meg, hogyan lehet dinamikus fájlokat renderelni.

Hogyan lehet dinamikus fájlokat renderelni Expressben?

A felhasználók a dinamikus fájlokat az Expressben renderelhetik egy sablonmotor segítségével, hogy az adatok alapján dinamikusan HTML-t állíthassanak elő. Az alábbiakban használt sablon az EJS (Embedded Javascript), amely meglehetősen népszerű dinamikus fájlok megjelenítésére.

1. lépés: Telepítse az EJS-t

A következő paranccsal telepítse az EJS-t a projekt mappájába

npm install ejs -- megment

2. lépés: Az Express beállítása az EJS segítségével

Állítsa be az EJS-sablont nézetmotorként a Node.js fájlban.

//App.js

const Expressz = igényelnek ( 'Expressz' ) ;

const kb = Expressz ( ) ;

const KIKÖTŐ = 3000 ;

kb. készlet ( 'nézőmotor' , 'nem' ) ;

kb. használat ( Expressz. statikus ( 'nyilvános' ) ) ;

kb. kap ( '/Felhasználói azonosító' , ( req, res ) => {

const Felhasználói azonosító = req. params . id ;

const felhasználói adat = {

id : Felhasználói azonosító,

felhasználónév : `user$ { Felhasználói azonosító } `,

email : `user$ { Felhasználói azonosító } @példa. val vel `,

} ;

res. Vakol ( 'felhasználó' , { felhasználó : felhasználói adat } ) ;

} ) ;

kb. hallgat ( KIKÖTŐ, ( ) => {

konzol. log ( `A szerver http-n fut : //localhost:${PORT}`);

} ) ;

A fenti kód által végrehajtott műveletek a következők:

  • A „const express = request(‘express’)” importálja az expressz modult a csomópontmodulokból.
  • A „const app = express()” létrehoz egy példányt az expressz alkalmazáshoz.
  • Az „app.set('view engine', 'ejs')” az expresst ejs sablonnal konfigurálja a fájlok dinamikus megjelenítéséhez.
  • Az „app.use(express.static(‘public’))” lehetővé teszi a Node projekt nyilvános mappájában tárolt statikus fájlok kiszolgálását.
  • Az „app.get(‘/user/:id’, (req, res) => {…})” olyan idézőjeleket definiál, amelyek figyelik a kéréseket.
  • A „res.render(‘user’, { user: userData })” megjeleníti az EJS sablonfájlokat.
  • Az „app.listen(PORT, () => {…})” elindítja a szervert a 3000-es porton, és a felhasználó beírhatja a „ http://localhost:3000/user/123 ” a böngészőben.

3. lépés: EJS sablon

Létrejön egy „views” nevű könyvtár a projektkönyvtárban, és ebben a mappában hozzon létre egy „user.ejs” EJS sablonfájlt. Ez a fájl tartalmazza a felhasználó által megjeleníteni kívánt dinamikus tartalmat. Illessze be a következő kódot ebbe a fájlba

DOCTYPE html >

< csak html = 'ban ben' >

< fej >

< meta karakterkészlet = 'UTF-8' >

< meta név = 'nézőablak' tartalom = 'szélesség = eszköz szélessége, kezdeti méret = 1,0' >

< cím > Felhasználói profil cím >

fej >

< test >

< h1 > Felhasználói profil h1 >

< p > Felhasználói azonosító : <%= felhasználó. id %> p >

< p > Felhasználónév : <%= felhasználó. felhasználónév %> p >

< p > Email : <%= felhasználó. email %> p >

test >

html >

Mivel a fő cél a fájltartalom dinamikus megjelenítése, így csak a szükséges frontkód került felhasználásra.

4. lépés: Indítsa el a szervert

A felhasználó most elindíthatja az expressz alkalmazást a következő kódrészlet használatával:

csomópont App. js

Ahol App.js a fájl neve a könyvtárban. A kód futtatása után a terminál a következő üzenetet jelzi

Most a felhasználó használhatja a hivatkozást http://localhost:3000/user/123 a böngészőben, és a tartalom dinamikusan jelenik meg

Ez minden a fájltartalom dinamikus megjelenítéséhez a Node.js expressz moduljával.

Következtetés

A cikk az elejétől a végéig elmagyarázza a Node.js-t, bemutatva, hogyan működik a non-stop és eseményalapú JavaScript-idővel számos eseményhez. Megvizsgálja az Expresst, egy jól ismert webkészítő eszközt, és megemlíti az NPM-et, valamint a statikus vagy dinamikus információk megjelenítését egy webhelyen. Annak ellenére, hogy a cikk mindent részletesen tárgyal, ez egy jó kezdő útmutató a Node.js megismeréséhez.