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 - Kezdés ES ======

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

===== Kezdés =====

Az alkalmazást kezdhetjük ES((A JavaScript területén két szabvány létezik: CommonJS és ECMAScript. Az utóbbit röviden ES néven is használjuk.)) modulként is.


Készítsünk Node.js alkalmazást:

  mkdir hello
  cd hello
  npm init -y

A Node.js projekt alapértelmezetten a CommonJS szabvány követi. Ha ECMAScript szabvánnyal
szeretnénk használni, azt jelezni kell a package.json fájlba. A package.json
fájlban ECMAScript szabványt a **module** kulcsszóval jelezzük.

A package.json fájlban a **type** kulcsot javítsuk **module** értékre.

<code javascript package.json>
{
  "type": "module"
}
</code>

<code javascript app/index.js>
import express from 'express'
const app = express()

app.get('/', (req, res) => {
  res.send('helló')
})

app.listen(8000)

</code>

Futtassuk az alkalmazást a res((Telepítés: npm i -g resen)) paranccsal:
  res localhost:8000

===== A listen() függvény =====

A szervert a listen() függvény segítségével indíthatjuk. 

A listen() függvény számára megadható egy második paraméter is névtelen függvényként.

<code javascript app/index.js>
app.listen(8000, () => {
  console.log('Listening: 8000')
})
</code>

Állítsunk be portot:

<code javascript>
const port = 8000
app.listen(port, () => {
  console.log(`Listening on port: ${port}`)
})
</code>

===== Végpont =====

<code javascript>
app.get('/product', (req, res) => {
  res.send('termék')
})
</code>

Indítsuk újra a szervert, majd teszteljük:

  res localhost:8000/product

===== A nodemon =====

A nodemon lehetővé teszi, hogy a fejlesztés során ne kelljen újraindítani a 
szervert.


Telepítsük a nodemon csomagot:

  npm install --save-dev nodemon

<code javascript package.json>
{
    "scripts": {
        "start": "nodemon app --watch app"
    }
}
</code>

Indítás ezek után:
  npm start

===== Külön útválasztás =====

<code javascript app/routes.js>
import Router from 'express'
const router = Router()

router.get('/product', (req, res) => {
  res.send('termék')
})

export default router
</code>

<code javascript app/index.js>
import express from 'express'
const app = express()
import routes from './routes.js'

app.use('/api',routes)

const port = 8000
app.listen(port, () => {
  console.log(`Listening on port: ${port}`)
})
</code>

Tesztelés:
  res localhost:8000/api/product




===== JSON válasz =====

<code javascript app/routes.js>
//...

router.get('/product', (req, res) => {
  res.json({ name: 'memória' })
})

//...
</code>

===== HTTP metódusok =====

<code javascript app/routes.js>
import Router from 'express'
const router = Router()

router.get('/products', (req, res) => {
  res.json({ msg: 'get metódus'});
})
router.post('/products', (req, res) => {
  res.json({ msg: 'post metódus'});
})
router.put('/products', (req, res) => {
  res.json({ msg: 'put metódus'});
})
router.patch('/products', (req, res) => {
  res.json({ msg: 'patch metódus'});
})
router.delete('/products', (req, res) => {
  res.json({ msg: 'delete metódus'});
})

export default router
</code>

Tesztelés:
  res localhost:8000/api/products