szit

Ez az oldal csak olvasható. Megtekintheted a forrását, de nem változtathatod meg. Ha úgy gondolod, hogy ez helytelen, kérdezd az Adminisztrátorokat!
[[:oktatas:web:back-end_framework:express|< Express]]

====== Express - Kontrollerek ======

  * **Szerző:** Sallai András
  * Copyright (c) Sallai András, 2023
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]]
  * Web: https://szit.hu

===== Kontroller használta =====

Háromféle kontrollert írhatok:
  * class használata
  * objektumban függvények
  * objektumban névtelen függvények

Az exportálást is meg lehet oldani több módon, erre most nem térünk ki.
==== A class használata ====

<code javascript app/controllers/employeecontroller.js>
class EmployeeController {

    index(req, res) {
        res.send('műkdik');
    }
}

module.exports = EmployeeController;
</code>


A routingban ekkor így hivatkozunk:

<code javascript app/routes/api.js>
const EmployeeController = require('../controllers/employeecontrollers');

router.get('/employees', EmployeeController.prototype.index);
</code>

==== Objektumban függvény ====

<code java app/controllers/employeecontroller.js>
const EmployeeController = {

    index(req, res) {
        res.send('műkdik');
    }
}

module.exports = EmployeeController;
</code>

A routingban ekkor így hivatkozunk:

<code javascript app/routes/api.js>
const EmployeeController = require('../controllers/employeecontrollers');

router.get('/employees', EmployeeController.index);
</code>

==== Objektumban névtelen függvény ====

<code java app/controllers/employeecontroller.js>
const EmployeeController = {

    index: (req, res) => {
        res.send('műkdik');
    }
}

module.exports = EmployeeController;
</code>

A routingban ekkor így hivatkozunk:

<code javascript app/routes/api.js>
const EmployeeController = require('../controllers/employeecontrollers');

router.get('/employees', EmployeeController.index);
</code>

===== Dolgozók =====

Készítsünk egy projektet. Ebben a projektben a routingot egy routes könyvtárba, azon belül az api.js fájlba tesszük. Készítünk egy controllers könyvtárat, abba tesszük a kontrollereket. A projekt neve legyen emp.

<code>
emp/
  |-app/
  |  |-controllers/
  |  |-routes/
  |  |  `-api.js
  |  `-index.js
  |-node_modules/
  `-package.json
</code>

Az alkalmazás belépési pontja továbbra is az index.js fájl.

Telepítsük az express és a nodemon csomagokat:
  yarn init -y
  pnpm install express
  pnpm install --save-dev nodemon

Készítsük el a kontrollerünket, egyetlen index() függvénnyel:

<code javascript app/controllers/employeecontroler.js>
const EmployeeController = {
    index(req, res) {
        res.send('műkdik');
    }
}

module.exports = EmployeeController;
</code>


Készítsünk hozzá egy routingot:

<code javascript app/routes/api.js>
const Router = require('express');
const router = Router();
const EmployeeController = require('../controllers/employeecontrollers');

router.get('/employees', EmployeeController.index);

module.exports = router;
</code>

Készítsük el a belépési pontot:
<code javascript app/index.js>
const express = require('express');
const app = express();
const router = require('./routes/api');

app.use(express.json());
app.use('/api',router);

app.listen(8000, () => {
    console.log('Listening: localhost:8000');
});
</code>

Készítsünk start scriptet:

<code javascript>
{
  "scripts": {
    "start": "nodemon app --watch app"
  },
}
</code>

==== Indítás ====


Indítsuk el az szervert:
  npm start

==== Tesztelés ====


Teszteljük például a HTTPie eszköz http paranccsával:
  http localhost:8000/api/employees

===== Linkek =====

  * https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs/routes (2023)
szit

Felhasználói eszközök

Eszközök a webhelyen

Eszközök az oldalon
