Tényleg nagyon egyszerű útválasztás a Node.js-ben az Expressszel

Ennek a történetnek az a célja, hogy röviden elmagyarázza, hogyan működik az útválasztás az Express-ben, miközben felépít egy egyszerű - nagyon egyszerű - Node alkalmazást.

Emellett használjuk az EJS-t is, egy sablonmotort, amely weboldaluk szerint „lehetővé teszi HTML jelölések létrehozását egyszerű JavaScript-sel”. Alapvetően lehetővé teszi HTML oldalak létrehozását, amelyek az ügyfél kérésétől függően változhatnak. Nem fogjuk használni ezt az utolsó funkciót, de remek. A cikk végén talál néhány forrást, amelyekről többet tudhat meg.

Mi az útválasztás? (2-es sorokban)

Először vessünk egy gyors (igazán gyors) pillantást arra, hogy mi az útválasztás:

somewebsite.com/someoute

Alapvetően a felhasználót (vagy néhány adatot) egyik helyről a másikra visz. Ez a hely az útvonal. Mondtam, hogy gyorsan elkészítem.

A projekt elkészítése

Egy divatos weboldalt építünk, hogy megtudjuk, hogyan működik az útválasztás az Express-ben. Nézd meg:

Hűvös, igaz? De ez minden, amire szükségünk van a pillanatban.

Először hozzuk létre a projektet és telepítsük a csomagokat. Csak futtassa a következőt a parancssorban:

npm install expressnpm install ejs

Ezenkívül felveheti a kötőjel kötőjel mentését (azt írom - „ kötőjelként”, mert a Medium automatikusan formázza, és nem jól néz ki erre a célra), hogy elmentse a package.json fájlba. De hogyan működik ez egy másik nap története.

Ezután szükségünk lesz az Express-re, és a nézet motorját EJS-re állítjuk az app.js fájlunkban a következőképpen:

var express = require('express');var app = express();app.set('view engine', 'ejs');

A következő sort is tartalmazza, így alkalmazásunk meghallgatja a kéréseket:

app.listen(3000);

GET kérések kezelése

Gratulálunk, minden készen áll a kérések kezelésére! A HTTP-ben többféle kérés létezik, de csak a GET kéréseket kezeljük, amelyeket az adatok lekérésére használunk a szerverről. Az ilyen jellegű kérések kezeléséhez az Express szolgáltatásban a következő módszert alkalmazzuk:

app.get('/about', function(req, res) { res.render('about');});

Vessünk egy pillantást arra, hogy mi történik itt. Szerverünknek azt mondjuk , hogy amikor valaki beírja a somewebsite.com/about címet , ki akarunk indítani egy funkciót. Ez a függvény két paramétert vesz fel: req (kérés) és res (válasz). A válaszobjektum segítségével megjelenítjük a about oldalt .

Ahhoz, hogy ez működjön, HTML-ben létre kell hoznunk egy about.ejs nevű oldalt . A projekt mappánkban lévő nézetek nevű mappába is elhelyezzük . Ez az a mappa, ahol az Express megjeleníteni fogja a nézetet. Itt van a megakomplexum az oldalról, amelyet erre a példára fogunk használni:

Szép! De mi van akkor, ha a felhasználó nem ír be semmilyen útvonalat? Csakúgy, mint a legtöbbször, a somewebsite.com ? Nos, nagyon könnyű. Változtassa / hamarosan csak / -re , és tetszőleges oldalt jelenítsen meg:

app.get('/', function(req, res) { res.render('home');});

Nem létező útvonalak kezelése

De mi van, ha valaki olyan útvonalat gépel be, amely nem létezik? Valószínűleg nem akarjuk, hogy megjelenjen egy alapértelmezett hibaoldal. Ehelyett egy egyedi, hűvös hibaoldalt szeretnénk.

Nos, a jó hír az, hogy az Express-szel rendkívül könnyű ilyet készíteni. Csak cserélje ki az útvonal paraméterét a get metódusban egy csillaggal, és adja meg a saját hibalehetőségét így:

app.get('*', function(req, res) { res.render('error');});

Kipróbálom!

Végül futtassuk a szerverünket a parancssorból (feltéve, hogy a kiszolgáló neve app.js )

csomópont alkalmazás

és nézze meg, hogy működik-e! Írjuk be szerverünk nevét ( localhost , mivel ez egy helyi szerver fut a számítógépünkön) és a portot ( ebben az esetben 3000 ) a böngészőnkben:

helyi gazda: 3000

Elképesztő!

További irodalom

Az Express útmutatóban mindent megtanulhat, amit tudnia kell az útválasztásról, és az EJS webhelyén is sok hasznos dolog található!

Remélem, hogy ez a cikk hasznos volt az Ön számára. Ha ez volt, kérem, hagyjon megjegyzést, és tapsolja össze!

Boldog kódolás ... Vagy boldog útválasztás, azt hiszem!