Υποενότητα 14.2: Setting up a Server using json-server

Εισαγωγή

Το Node module, json-server, παρέχει έναν πολύ απλό τρόπο για τη δημιουργία ενός διακομιστή ιστού. Μπορεί να εξυπηρετήσει στατικό περιεχόμενο από έναν φάκελο.  Θα αξιοποιήσουμε αυτή τη δυνατότητα για να παράξουμε το back-end για την εφαρμογή Angular. Θα:

• Διαμορφώσετε και ξεκινήστε έναν απλό διακομιστή χρησιμοποιώντας το npm / json-server
• Ρυθμίσετε το διακομιστή σας για να προβάλλετε στατικό περιεχόμενο που είναι αποθηκευμένο σε ένα φάκελο με όνομα public.

See more about json-server

Installing json-server

O json-server είναι ένα node module, , ως εκ τούτου, μπορεί να εγκατασταθεί παγκοσμίως πληκτρολογώντας τα ακόλουθα στη γραμμή εντολών:

npm install json-server -g

Εάν χρησιμοποιείτε OSX ή Linux, χρησιμοποιήστε το sudo στο μπροστινό μέρος της εντολής. Αυτό θα εγκαταστήσει το json-server που μπορεί να ξεκινήσει από τη γραμμή εντολών από οποιοδήποτε φάκελο στον υπολογιστή σας.

Οργάνωση διακομιστή

Πηγαίνετε στη θέση του φακέλου σας στην επιφάνεια εργασίας σας και ...

• δημιουργήστε έναν υποφάκελο με το όνομα jsonServer
• Download στον φάκελο αυτό το db.json file

Μετακινηθείτε σε αυτόν το φάκελο στο παράθυρο τερματικού και πληκτρολογήστε τα ακόλουθα στη γραμμή εντολών για να ξεκινήσετε τον διακομιστή:

 json-server --watch db.json

Αυτό θα πρέπει να ξεκινήσει ένα διακομιστή στην port number 3000  στο μηχάνημά σας. Τα δεδομένα από αυτόν τον διακομιστή μπορούν να προσπελαστούν πληκτρολογώντας τις ακόλουθες διευθύνσεις στη γραμμή διευθύνσεων του προγράμματος περιήγησης:

http://localhost:3000/dishes
http://localhost:3000/leaders
http://localhost:3000/feedback

Πληκτρολογήστε αυτές τις διευθύνσεις στη γραμμή διευθύνσεων του προγράμματος περιήγησης και δείτε τα δεδομένα JSON που εξυπηρετούνται από το διακομιστή. Αυτά τα δεδομένα λαμβάνονται από το αρχείο db.json
Ο διακομιστής json παρέχει επίσης ένα στατικό διακομιστή ιστού. Όλοι οι πόροι που βάζετε σε ένα φάκελο που ονομάζεται public στο φάκελο json-server παραπάνω, θα εξυπηρετηθούν από το διακομιστή:

Ο φάκελος public

Τώρα θα ενημερώσετε τον εξυπηρετητή json για να του επιτρέψετε να εξυπηρετήσει τους πόρους από τον δημόσιο φάκελο του.

Μεταβείτε στον φάκελο  jsonServer και δημιουργήστε ένα φάκελο εκεί και ονομάστε το public.

Download το αρχείο images.zip file,  αποσυμπιέστε το και μετακινήστε το φάκελο  images  στον public φάκελο που δημιουργήσατε παραπάνω.

Επανεκκινήστε τον εξυπηρετητή json πληκτρολογώντας στο τερματικό   json-server --watch db.json.

Μπορείτε να αποκτήσετε πρόσβαση στις εικόνες σας πληκτρολογώντας στη γραμμή διευθύνσεων του προγράμματος περιήγησης  π.χ.  localhost:3000/images/almonds.jpg 

End

Τερματίστε τον διακομιστή πληκτρολογώντας το ctrl-C στο παράθυρο του τερματικού.

See about Creating demo APIs with json-server