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 - Azonosítá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

===== Bevezetés =====

Az útvonalak védelmét úgy tudjuk ellátni, ha van felhasználó aki be tud jelentkezni, és sikeres bejelentkezés után kap egy **tokent**, amivel majd elérheti a védett útvonalakat. 

Az útvonalak és a komponensek összekötésénél beállítható, hogy adott útvonalak csak akkor érhetők el, ha visszakapjuk az érvényes tokent. Ehhez egy **köztes szoftvert** fogunk használni a tokenek ellenőrzésére. A tokeneket sikeres bejelentkezéskor készítjük.

A példánkban a jsonwebtoken-t fogjuk használni. A token szerveroldalon keletkezik, de kliens oldalon tároljuk.

===== Felhasználó felvétele =====
==== User modell ====

A felhasználók kezeléséhez egy User nevű modellben leírjuk a felhasználóról mit tárolunk.

<code javascript app/models/user.js>
import { DataTypes } from 'sequelize'
import sequelize from '../database/database.js'

const User = sequelize.define('users', {
  id: {
    type: DataTypes.INTEGER,
    primaryKey: true,
    autoIncrement: true
  },
  name: { type: DataTypes.STRING },
  email: { type: DataTypes.STRING },
  password: { type: DataTypes.STRING }
})

await sequelize.sync({
  force: false
})

export default User
</code>

==== AuthController ====

Az Auth kontroller helyett készíthetnék akár egy User kontrollert is, de az Auth névhez jobban illik majd a login() metódus.


Telepítsük a **bcryptjs** csomagot:

  npm install bcryptjs

A bcryptjs a bcrypt JavaScriptre optimalizált változata.


Készítsük el az app/controllers/authcontroller.js fájlt:

<code javascript app/controllers/authcontroller.js>
import bcrypt from 'bcryptjs'
import User from '../models/user.js'

const AuthController = {
  async register(req, res) {
    try {
      const { name, email, password } = req.body
      const hashedPassword = await bcrypt.hash(password, 10)
      const user = await User.create({ 
        name, email, password: hashedPassword 
      })
      res.status(201).json(user)
    } catch (error) {
      res.status(500).json({ error: error.message })
    }
  }
}
export default AuthController
</code>

==== Routing ====

Írjunk egy új útválasztó sort:
<code javascript>
import AuthController from '../controllers/authcontroller.js'
//...
router.post('/register', AuthController.register)
</code>


A teljes kód:

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

import EmployeeController from '../controllers/employeecontroller.js'
import AuthController from '../controllers/authcontroller.js'

router.get('/employees', EmployeeController.index)
router.post('/employees', EmployeeController.create)
router.put('/employees/:id', EmployeeController.update)
router.delete('/employees/:id', EmployeeController.delete)

router.post('/register', AuthController.register)

export default router
</code>

Teszteljük, a felhasználó regisztrálása működik.

<code>
res post localhost:8000/register 
name=Valaki email=valaki@zold.lan password=titok
</code>

===== APP_KEY =====

A token készítéshez egy véletlenszerű számsorozatot fogunk használni.
Nevezzük APP_KEY-nek és tároljuk a .env nevű állományban.

Vegyük fel a .env fájlban az APP_KEY tulajdonságot:

<code bash>
APP_KEY=3434384383343
</code>

Írjunk bele, legalább 32 számot és betűt.

===== Token ellenőrzés =====

<code javascript app/middleware/authjwt.js>
import jwt from 'jsonwebtoken'
import dotenv from 'dotenv'
dotenv.config()

const verifyToken = (req, res, next) => {
  const authData = req.headers.authorization
  if (!authData) {
    return res.status(403).json({ message: 'No token provided' })
  }
  const token = authData.split(' ')[1]
  jwt.verify(token, process.env.APP_KEY, (err, decoded) => {
    if (err) {
      return res.status(401).json({ message: 'Unauthorized' })
    }
    req.userId = decoded.id
    next()
  })
}

export default verifyToken
</code>

===== Bejelentkezés =====


==== Az authcontroller.js-ben ====

<code javascript app/controllers/authcontroller.js>
const jwt = require('jsonwebtoken')

//...

  async login(req, res) {
    try {
      const { email, password } = req.body
      const user = await User.findOne({ where: { email } })
      if (!user) {
        return res.status(401).json({ message: 'Invalid email or password' })
      }
      const isPasswordValid = await bcrypt.compare(password, user.password)
      if (!isPasswordValid) {
        return res.status(401).json({ message: 'Invalid email or password' })
      }
      const token = jwt.sign({ id: user.id }, process.env.APP_KEY)
      res.json({ token })
    } catch (error) {
      res.status(500).json({ error: error.message })
    }
  }


}
</code>

==== Útválasztás ====

<code javascript>
router.post('/login', AuthController.login)
</code>


===== Útvonal védelme =====


==== Útválasztás ====

<code javascript>
import verifyToken from '../middleware/authjwt.js'
//...
router.post('/employees', [verifyToken], EmployeeController.store)

</code>


Ellenőrzés, például:

<code>
http post localhost:8000/api/employees 
name='Verdi Ernő' city='Szeged' 
-A bearer -a eyJhbG
</code>

A -a után a token írjuk, ami valójában jóval hosszabb.


Állítsuk be az update és delete műveletre is:

<code javascript>
router.delete('/employees/:id', [verifyToken], employees.destroy);
router.put('/employees/:id', [verifyToken], employees.update);
</code>