Hogyan lehet létrehozni egy egyszerű webszervert a Node.js és az Express segítségével

Áttekintés

A Node.js az N, az Express.js pedig az E a MEAN Stack-ben, amely a VPS tárhelyének egyik legnépszerűbb webkötege..


Az Express.js a legnépszerűbb Node.js webalkalmazási keret. Az Express egy kicsit kivonja az alkalmazás hátteréhez szükséges kódolást, így sokkal könnyebbé és hatékonyabbá teszi az alkalmazások fejlesztését. Vagyis nem kell újból feltalálnia a kereket.

Különleges megjegyzés: néhány vezető VPS-tárhelyszolgáltatás egyszerű kattintással telepíti a szoftvereket, például a node.js vagy az Express.js. Az értékes időmegtakarítás érdekében keresse meg ezeket az 1 kattintással történő telepítéseket a vásárolt tervben.

1. szakasz – Telepítse az Express.js szoftvert és készítsen egy projektet

1. lépés – Frissítse a csomag indexét

Ha Ubuntu-t használ, frissítse a csomag-indexet, így kap a telepített csomagok újabb verzióit.

$ sudo apt-get frissítés

Ha CentOS-t használ, akkor frissítse és frissítse a csomagokat.

$ sudo yum check-update
$ sudo yum frissítés
$ yum mindent tisztítson

2. lépés – Hozzon létre egy könyvtárat a projekthez

Ha még nem telepítette a Node.js-t, lásd:

Először hozzon létre egy könyvtárat ehhez az alkalmazáshoz.

$ mkdir serverapp

Ezután módosítsa a könyvtárakat a létrehozott könyvtárba.

$ cd serverapp

3. lépés – Futtassa az NPM init programot

A kiszolgálóalkalmazásban futtassa az npm init segédprogramot. Fogadja el az alapértelmezett értékeket, és írja be az „Egyszerű webszerver” elemet, amikor a projekt lekérdezését kéri.

$ npm init

Hit visszatérésével elfogadja az alapértelmezett kérdéseket e kérdésekre.

Ez a segédprogram végigvezeti Önt a package.json fájl létrehozásában.
Csak a leggyakoribb elemeket fedi le, és megpróbálja kitalálni az ésszerű alapértelmezéseket.

Lásd a „npm help json” kifejezést az ezen mezőkkel kapcsolatos végleges dokumentációról és arról, hogy pontosan mit csinálnak.

Ezután használja az `npm install` -t egy csomag és
mentse függőségként a package.json fájlba.

A kilépéshez bármikor nyomja meg a ^ C gombot.
csomag neve: (serverapp)
verzió: (1.0.0)
leírás:
git tároló:
kulcsszavak:
szerző:
engedély: (ISC)
A /home/marmot/serverapp/package.json címre való írásról:

{
"név": "serverapp",
"változat": "1.0.0",
"fő-": "index.js",
"szkriptek": {
"teszt": "visszhang \"Hiba: nincs megadva teszt \" && 1. kijárat"
},
"szerző": "",
"engedély": "ISC",
"leírás": "Egyszerű webszerver."
}

Ez oké? (igen igen

4. lépés – Telepítse az Express.js fájlt

Telepítse az Express szolgáltatást a serverapp könyvtárba.

$ npm install express –save

Most már készen áll a webszerver alkalmazás használatának megkezdésére.

5. lépés: Engedélyezze a 3000-es portot a VPS tűzfalán

Ha Ubuntu-t használ virtuális szerveréhez, akkor engedélyezze a 3000-es portot a Komplikálatlan tűzfalon (UFW) keresztül..

$ sudo ufw lehetővé teszi 3000-et

Ha CentOS-t használ virtuális szerveréhez, akkor engedélyezze a 3000-es portot a tűzfalon keresztül.

$ sudo tűzfal-cmd –zone = public –add-port = 3000 / tcp

2. szakasz – Írja be az expressz „Hello World” szkriptet

1. lépés – Inicializálja az Express szolgáltatást

Két változót kell létrehoznia az Express használatához. Itt használhatja a var változót, vagy a JavaScript újabb verziója szerint (ES6), a const (állandó) parancsot használhatja olyan változók inicializálására, amelyek valóban állandóak. Vagyis az ES6 esetén jobb a const-ot használni olyan változók esetében, amelyek nem változnak.

const express = igényel (‘express’ 4.16.3);
const app = express ()

Ezután a get gombbal adhatja ki a http get parancsot. Hozzon létre egy visszahívási funkciót, hogy válaszoljon az URL-re és a portra tett kérésekre, válaszolva a „Hello World!” Minden kéréshez.

app.get (‘/’, (kérés, válasz) {
response.send (‘Hello világ!));
});

Ezután hozza létre a figyelő funkciót "kap" kérések a 3000-es porthoz.

app.listen (3000, console.log (‘App Listening to 3000 port’);

Itt található a teljes “Hello World” Express alkalmazás.

const express = igényel (‘express’ 4.16.3);
const app = express ();

app.get (‘/’, (kérés, válasz) {
response.send (‘Hello világ!));
});

app.listen (3000, console.log (‘App Listening to 3000 port’);

3. szakasz – Statikus tartalom szolgáltatása

Elkezdi látni a Node és az Express teljesítményét ebben a szakaszban, egy szabványos HTML dokumentumnak hívva, amely ismeri azokat, akik statikus weboldalt hoztak létre vagy szerkesztettek egy web hosting fiókhoz.

1. lépés – Hozza létre a gyökér webkönyvtárát a projekthez

Hozzon létre egy www nevû könyvtárat az otthoni könyvtárban.

2. lépés – Hozzon létre egy HTML fájlt

Készítsen HTML-fájlt a kedvenc szerkesztőjével, nyissa meg a fájlt a kedvenc szerkesztőjében, állítsa a doctype html-re, ami HTML-dokumentummá válik. Állítsa be a HTML nyelvet bármilyen nyelvre, és tegye bele a tipikus HTML dokumentumrészeket.

Helló Világ!

Helló Világ!

3. lépés – Állítsa be az utat

Állítsa be a megjeleníteni kívánt tartalom elérési útját. Ehhez az alkalmazáshoz tartsa egyszerűen, csak a statikus tartalom eléréséhez. Ebben az esetben az elérési út ../www. A .. felmegy egy könyvtári szinttel, és a / www visz a www könyvtárba.

app.use (express.static (path.join (__ dirname, ‘../www’));

4. lépés – Hozza létre a szerver funkciót

A szerver funkció megvizsgálja a portváltozóhoz hozzárendelt portot (ebben az esetben 3000), és válaszol a http kérésekre a virtuális szerver IP-címére vagy domain nevére (ha beállította a domain nevet a VPS-tárhelyhez).

Ez a funkció konzolnaplót ad vissza, amely jelzi, hogy a kiszolgáló alkalmazás fut, meghallgatva a 3000-es portot.

app.listen (3000, funkció () {
console.log (‘Webes alkalmazás hallgatása a 3000-es porton’);
});

Itt van a teljes szkript.

const express = igényel (‘express’);
const app = express ();

app.get (‘/’, funkció (kérés, válasz) {
response.send (‘Hello World’);
});

app.listen (3000, funkció () {
console.log (‘Hallgatás a 3000-es porton’);
});

4. szakasz – Adjon hozzá néhány útvonalat alkalmazásához

Az útválasztás az alkalmazásoknak a http-kérésekre adott válaszaihoz vezető különböző útvonalakra utal, például a kap, tesz, és töröl.

1. lépés – Adjon hozzá egy „otthoni” útvonalat

A gyökér útvonal a kiszolgáló gyökérjére vonatkozó kérésekre válaszol. Egy webhely esetében ezt „otthoni” útvonalnak hívhatják.

app.get (‘/’, funkció (req, res) {
res.send ( ‘Home’)
})

2. lépés – Adjon hozzá egy „körülbelül” útvonalat

Bármely útvonalhoz hozzáadhat útvonalat a gyökér után. Adjon hozzá egy olyan útvonalat, amely egy egyszerű „Rólunk” -t ad vissza, amikor a látogató a http: // YOUR_VPS_IP_ADDRESS: 3000 / kb.

app.get (‘/ about’, funkció (req, res) {
res.send (‘Rólunk’)
})

Itt van a szkript mindkét útvonal hozzáadásával.

const express = igényel (‘express’);
const app = express ();

app.get (‘/’, funkció (kérés, válasz) {
response.send ( ‘Home’);
});

app.get (‘/ about’, funkció (kérés, válasz) {
response.send (‘Rólunk’);
});

app.listen (3000, funkció () {
console.log (‘Hallgatás a 3000-es porton’);
});

Sokkal többet tehetünk az útvonalakkal, de ez áttekintést nyújt arról, hogy miként hozhat létre útvonalakat egy virtuális kiszolgálón tárolt webhely vagy webes alkalmazás számára..

Következtetés

Létrehozott egy egyszerű webszervert a Node.js és az Express.js használatával, megtanulva statikus HTML tartalmakat kiszolgálni, és megismerve az útválasztás működését.

Építhet arra, amit megtanult, úgy, hogy elindít egy webhelyet vagy webalkalmazás-projektet a Node és az Express segítségével, és épít a létrehozott elemre.

Nézze meg ezeket a 3 legfontosabb Node.js hosting szolgáltatást:

A2 tárhely

Kezdő ár:
$ 3.92


Megbízhatóság
9.3


Árazás
9.0


Felhasználóbarát
9.3


Támogatás
9.3


Jellemzők
9.3

Olvassa el a véleményeket

Látogassa meg az A2 tárhelyét

FastComet

Kezdő ár:
$ 2.95


Megbízhatóság
9.7


Árazás
9.5


Felhasználóbarát
9.7


Támogatás
9.7


Jellemzők
9.6

Olvassa el a véleményeket

Látogasson el a FastComet oldalra

Hostinger

Kezdő ár:
$ 0.99


Megbízhatóság
9.3


Árazás
9.3


Felhasználóbarát
9.4


Támogatás
9.4


Jellemzők
9.2

Olvassa el a véleményeket

Látogasson el a Hostinger oldalra

Kapcsolódó útmutató cikkek

  • A Ruby on Rails telepítése Windows VPS vagy dedikált szerveren
    közbülső
  • A Node.js telepítése a Linux VPS vagy dedikált szerveren
    közbülső
  • Hogyan telepítsük a WordPress programot az Nginx programmal & Redis
    újszülött
  • Az SSH beállítása Ubuntu 16.04 VPS vagy dedikált szerveren
    közbülső
  • CPanel-fiókok átvitele a megosztott gazdagépekről a VPS-re vagy a dedikált szerverre
    közbülső
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map