Υποενότητα 15.3: Αποστολή δεδομένων στον διακομιστή
Υποενότητα 15.3: Αποστολή δεδομένων στον διακομιστή
- HttpClient.get
- HttpClient.post
Τα αποτελέσματα
Με τον προηγούμενο κώδικα ολοκληρωμένο, ανοίξτε το τερματικό σας και μεταβείτε στον υποφακέλο jsonServer
και τρέξτε json-server --watch db.json -d 2000
. Αυτό θα προκαλέσει καθυστέρηση 2 δευτερολέπτων προτού ο διακομιστής στείλει την απάντηση για το αίτημα. Ο διακομιστής θα εμφανίσει το αρχείο db.json για την εφαρμογή σας. Μπορείτε να παρακολουθήσετε το διακομιστή στη διεύθυνση URL του προγράμματος περιήγησης localhost:3000
Ανοίξτε νέο παράθυρο στο τερματικό σας και μεταβείτε στον υποφακέλο angularChocoYourname
και τρέξτε ng serve
για να εκτελέσετε την εφαρμογή σας. Στο πρόγραμμα περιήγησης περιηγηθείτε στο URL localhost:4200
Η σελίδα contact page έχει ανοίξει από τον json-server.
Έχουμε αποθηκεύσει τα δεδομένα στο αρχείο db.json και μπορούμε να έχουμε πρόσβαση σε αυτά κάθε φορά!
Κάντε μια Git commit με το μήνυμα "Angular storing data".