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:express|< Express]]

====== Express - TypeScript kontrollerrel ======

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

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

==== Előkészítés ====

<code javascript package.json>
{
  "name": "app01",
  "version": "1.0.0",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev":"ts-node-dev --respawn src/index.ts",
    "start": "node app",
    "build": "tsc"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "description": "",
  "dependencies": {
    "express": "^4.21.2"
  },
  "devDependencies": {
    "@types/express": "^5.0.0",
    "@types/node": "^22.10.2",
    "ts-node-dev": "^2.0.0",
    "typescript": "^5.7.2"
  }
}
</code>

==== TypeScript fájlok ====

<code javascript src/index.ts>
import express from 'express';
import router from './routes/api';

const app = express();
const PORT = 8000;

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

app.listen(PORT, () => {
  console.log(`Server is running on http://localhost:${PORT}`);
})
</code>

Importálnunk kell a kontrollert, amit az útvonalaknál használunk fel.

<code javascript src/routes/api.ts>
import { Router } from 'express';
import  EmpController  from '../controllers/empController';

const router = Router();

router.get('/employees', EmpController.index);
router.post('/employees', EmpController.store);

export default router;
</code>

Ebben a példában kontrollert objektumként fogjuk létrehozni.

<code javascript src/controllers/empController.ts>
import { Request, Response } from "express"

const EmpController = {

  index: (req : Request, res : Response) => {
    res.json({
      employees : []
    })
  },
  store: (req : Request, res : Response) => {
    res.json({
      name: req.body.name
    })
  }
}

export default EmpController
</code>