Σχήμα 4.41: Παράδειγμα κώδικα για validation στον κωδικό πρόσβασης.

ναρτήσεων (function components) που δημιουργούνται στον κώδικα. Στην εϕαρμογή

έχει γίνει χρήση τόσο των βασικών όσο και των επιπρόσθετων Hooks της React, αλλά

και custom Hooks. Είναι σημαντικό, να γίνει τουλάχιστον μια αναϕορά χρήσης των

βασικών Hooks όπως είναι το useState και το useEffect. Ειδικότερα, παρουσιάζεται

στο σχήμα 4.42 ένα παράδειγμα χρήσης του useState Hook για την αρχική κατά-

σταση του token το οποίο στέλνεται στο front-end αϕού δημιουργηθεί στο back-end

με τη χρήση της βιβλιοθήκης ”jsonwebtoken”, του user id και της αρχικής ημερομη-

νίας λήξης του token από τη συνάρτηση ”App” που υπάρχει σε αυτό το component

(”App” component).

Σχήμα 4.42: Κώδικας χρήσης του useState Hook στη React.

Επίσης, στο σχήμα 4.43 ϕαίνεται ένα παράδειγμα χρήσης του useEffect Hook

στο οποίο γίνεται η διαχείριση της αυτόματης εξόδου του χρήστη από το σύστημα

μετά από συγκεκριμένο χρονικό διάστημα, δηλαδή όταν το token λήξει. Η λογική

αυτή έχει τοποθετηθεί για λόγους ασϕάλειας.

4.3.2

Κομμάτια κώδικα στο Back‐end ‐ RESTful API

CORS policy

Η γενική ιδέα για το CORS (Cross Origin Resource Sharing) [4] είναι ότι οι πόροι

85