Express keretrendszer

Klienstől érkező adatok fogadása

    app.get('/users/:id', (req, res) => {
        const userId = req.params.id; // "123"
        res.send(`User ID: ${userId}`);
    });
        

    app.get('/search', (req, res) => {
        const name = req.query.name; // "John"
        const age = req.query.age;   // "30"
        res.send(`Name: ${name}, Age: ${age}`);
    });

    <form method="POST" action="/users">
      <input type="text" name="name">
      <input type="number" name="age">
      <button type="submit">Submit
    </form>

    app.use(express.urlencoded({ extended: true })); // Middleware az URL-kódolt adatok kezeléséhez

    app.post('/users', (req, res) => {
        const { name, age } = req.body;
        res.send(`Received user: ${name}, Age: ${age}`);
    });

    <form action="/upload" method="POST" enctype="multipart/form-data">
      <input type="file" name="myfile">
      <button type="submit">Upload
    </form>

    const multer = require('multer');
    const upload = multer({ dest: 'uploads/' }); // Mappába menti a fájlokat

    app.post('/upload', upload.single('myfile'), (req, res) => {
        res.send(`File uploaded: ${req.file.originalname}`);
    });

    app.get('/headers', (req, res) => {
        const userAgent = req.headers['user-agent'];
        res.send(`User Agent: ${userAgent}`);
    });

    const cookieParser = require('cookie-parser');
    app.use(cookieParser());

    app.get('/cookies', (req, res) => {
        const myCookie = req.cookies.myCookieName;
        res.send(`Cookie value: ${myCookie}`);
    });
            

Middlewares

Olyan funkciók (függvények), amelyek hozzáférést biztosítanak a bejövő kérésekhez és módosíthatják azokat, illetve válaszokat generálhatnak vagy átadhatják a vezérlést a következő middleware-nek a láncban. A middleware-ek alapvető szerepet játszanak az alkalmazás logikájának kezelésében és szervezésében.

 app.use((req, res, next) => {
  console.log('Alkalmazás szintű middleware.');
  next();
});

CORS

A CORS (Cross-Origin Resource Sharing) egy olyan biztonsági mechanizmus, amelyet a böngészők alkalmaznak annak érdekében, hogy ellenőrizzék és szabályozzák a weboldalak közötti adatcserét, különösen akkor, amikor egy weboldal egy másik domain, protokoll vagy port erőforrásaihoz próbál hozzáférni.

    function corsMiddleware(req, res, next) {
        res.setHeader('Access-Control-Allow-Origin', '*');
        res.setHeader('Access-Control-Allow-Methods', 'GET,POST,PUT,DELETE');
        next();
    }

Sablon motorok

Sablonmotor jelentősen megkönnyíti a kód és az adatok elválasztását, a weboldalak dinamikussá tételét, valamint a fejlesztés gyorsítását. Néhány feladat, amelyeknél a mindenképpen nyerhetsz az alkalmazásukkal:

Több nyelvű alkalmazás készítése

Többnyelvű oldalak esetén a sablonmotor segíthet az egyes nyelvi elemek beillesztésében, így a felületek könnyen fordíthatók anélkül, hogy az alap HTML-t módosítani kellene. Például egy webshop különböző országokban történő bevezetésekor a sablonokban könnyen cserélhetők a nyelvi és kulturális tartalmak. (pénznem, dátum, ...)

Üzleti levelek

E-mailek esetében szinte elengedhetetlen a sablonmotorok használata, mivel ezekkel lehet az adatokat (például a felhasználó nevét, ajánlatokat, stb.) egy szabványos HTML sablonba helyezni. Ez különösen hasznos a marketing e-mailekhez és értesítésekhez, mivel az egyedi adatokat a sablonmotor egyszerűen illeszti be.

Kód újrafelhasználásának biztosítása és moduláris struktúra kialakítása

Olyan alkalmazásoknál, amelyek komplex felületekkel és moduláris komponensekkel rendelkeznek (pl. egy online bolt, ahol a terméklistát, kosarat, profilokat dinamikusan kell kezelni). Itt a sablonmotor segít, hogy a különböző oldalakat (termékoldalak, kosár, ajánlók) könnyen lehessen kezelni és karbantartani, elválasztva az adatot a prezentációs rétegtől.

Üzleti adatok feldolgozása és jelentéskészítés

Ha adatokból automatikusan létrehozott jelentéseket vagy kimutatásokat kell készíteni (pl. heti vagy havi riportok), a sablonmotorokkal könnyen formázott HTML jelentéseket lehet generálni. Ezek a jelentések PDF-be is exportálhatók, amit később e-mailben lehet elküldeni az érintetteknek.

Komplex webes alkalmazások sablon-alapú komponensei

Nagyobb projektek esetén, ahol ugyanazok az elemek (fejléc, lábléc, menük, űrlapok) több oldalon is szerepelnek, a sablonmotorok lehetővé teszik a komponensek újrafelhasználását. Ez megkönnyíti a karbantartást és az átláthatóságot, hiszen egyetlen helyen lehet változtatni a közös elemeket.

E-mail sablonok készítése

Dinamikus HTML-generálás (backend-driven alkalmazások)

Ha szerveroldalon adatok alapján dinamikusan kell HTML-oldalakat előállítani (pl. profiloldalak, hírportálok), a sablonmotorral adatokat lehet HTML-be ágyazni, majd a felhasználók számára küldeni. Például egy Express.js alapú webalkalmazásban, ahol minden felhasználó személyre szabott tartalmat kap.

Amikor nem tudod kihasználni a bennük rejlő lehetőségeket

• SPA-k (Single Page Applications) esetén (pl. React, Vue, Angular alkalmazások).
• Egyszerű statikus oldalaknál
• Ha a szerveroldalon kizárólag API-kat készítesz, és az adatokat JSON formátumban szolgáltatod.

Néhány sablonmotor, amelyet az express is támogat:

• EJS (Embedded JavaScript)<% %> és <%= %>
• Handlebars.js{{ }}
• Pug (korábban Jade) alapértelmezett
• Mustache{{ }}
• Nunjucks{% %} és {{ }}