Express.js webszerver beállítása Ubuntu 16.04 LTS rendszeren

Ebben az oktatóanyagban egy alapszintű Express.js webszervert fogunk telepíteni a Node.js, a Chrome V8-as motorján alapuló Javascript futtatókörnyezet használatával az Ubuntu 16.04-et futtató Vultr VPS-ünkre. Ha nem ismeri, az Express.js egy minimális és rugalmas Node.js keretrendszer, amely lehetővé teszi webalkalmazások írását. Igazán bemutatja, mire képes a Node.js a webfejlesztés terén. Tehát minden további nélkül kezdjük!

A Node.js telepítése

A kezdéshez először telepítenie kell a Node.js-t, amely Express webhelyünk háttérprogramja lesz. Az Ubuntu 16.04-re való telepítéséhez először hozzá kell adnunk a lerakat a legújabb verzióhoz. Ehhez írja be a következőt:

curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -

Ez az, hogy megragadja a legújabb 8.x csomagokat a nodesource.com webhelyről, és beállítja azt APT tárhelyként. Ha ez kész, futtassa a következőt a Node telepítéséhez:

sudo apt-get install -y nodejs build-essential

Ez azt jelenti, hogy magát a Node.js-t telepíti, és megragadja a -t build-essential, amely néhány eszköz, amelyre szükség lehet a modulok fordításakor. Ha ez megtörtént, létrehozunk egy új Node projektet. Először is győződjön meg arról, hogy a /homekönyvtárában van.

/home/yourname

Az ellenőrzéshez csak írja pwdbe a terminálját, és ha megjelenik /home/yourname, akkor minden készen áll! Ezután az npm init funkcióját fogjuk használni, hogy létrehozzunk egy olyan helyet, package.jsonahol az összes modulunkat nyomon követjük. Ehhez írja npm initbe a terminálját. Kövesse az összes utasítást, és ezt fogja látni, ha végzett:

{
  "name": "example",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "rich",
  "license": "MIT"
}

Ezután kattintson az Enter gombra a megerősítéshez.

Express telepítése

Ezután telepítjük Express modulunkat. Ehhez csak írja be:

npm install express

Várja meg, amíg a telepítés befejeződik.

Az élet könnyebbé tétele érdekében egy ügyes kis modult fogunk használni express-generator. Ezzel egy vázlatos webhelyet fog létrehozni számunkra, ami sokkal könnyebbé teszi az életet. Az alapvető dolgokról gondoskodik, mint például az útvonalak és hasonlók. Az Express Generator telepítéséhez egyszerűen írja be:

npm install express-generator -g

Megadjuk a -gzászlót, ami azt jelenti, hogy globális lesz, és használhatjuk az egész rendszerünkben. Miután befejeztük a telepítést, döntést kell hoznunk. Ki kell választanunk, hogy milyen renderelő motort szeretnénk használni a projektünkhöz. A rövidség kedvéért ejsebben az oktatóanyagban ezt használjuk , amely egy fantasztikus renderelő motor, és nagyon ajánlom, hogy nézzen utána. Csupasz projektünk beállításához írja be:

express -v ejs mysite

Ez egy új mappát hoz létre a meglévő projektünkön belül mysite. Most, hogy megbizonyosodjon arról, hogy a projekthez szükséges összes modul megvan, futtassa a következő parancsot.

npm install

Most, hogy megvan az alapvető webhely-beállítás, elkezdhetjük! A webhely alap porttal való indításához egyszerűen írja be:

DEBUG=mysite:* npm start

A weboldal most elindul. Az egyetlen probléma az, hogy nem fogja látni a webhelyet, mivel terminált használ. A példaoldal megtekintéséhez meg kell adnunk egy IP-címet a HTTP szervernek, amely a VPS-ünk IP-címe lesz. Az IP-cím megszerzéséhez egyszerűen lépjen a Vultr VPS panelre, és kattintson a kiszolgálók fülre. Közvetlenül a szerver neve alatt kell lennie, alul. Például: "1024 MB Server - yourIP". Másolja ki azt az IP-címet, és tartsa közel, mert szükségünk lesz rá. Ezután lépjen vissza a kiszolgálóra, és módosítsa a könyvtárat a bin mappára.

cd mysite/bin

Ez feltételezi, hogy a mappát a saját könyvtárában hozta létre. Szerkessze a fájlt belül: a wwwfájl. Ehhez a beépített Nano szerkesztőt fogjuk használni.

nano www

Miután belépett, navigáljon erre a sorra:

server.listen(port);

Adja hozzá az IP-címét ebbe a sorba. Szerkessze úgy, hogy így nézzen ki:

server.listen(port, 'your ip here');

Ezután nyomja meg a „control-o” gombot a billentyűzeten, majd az „enter” gombot a mentéshez. Nyomja meg a "control-x" gombot a kilépéshez. Most már készen állunk a szerver elindítására. Egyszerűen írja be ugyanazt a parancsot, amelyet korábban beírtunk a teszteléshez:

DEBUG=mysite:* npm start

A konzol most azt a portot adja ki, amelyen hallgat. Kövesse nyomon ezt a portot, mert szüksége lesz rá. Webhelye megtekintéséhez nyissa meg webböngészőjét, és lépjen a következő URL-re.

http://yourIP:port

Például így nézhet ki:

http://192.0.2.0:3000

Ha minden jól ment, a képernyőn megjelenik a „Welcome to Express” felirat!

És kész! Létrehozta első Express webhelyét a Node.js segítségével, amely Vultr VPS-en fut. Ha szeretne többet megtudni Express, és mit lehet vele csinálni, azt ajánlom megy át a helyszínen a http://expressjs.org , és a EJS honlapján http://ejs.co , ahol elolvashatja fel a dokumentációt, és hozzon létre saját gyilkos oldalt!