Υποενότητα 15.4: Κατασκευή site

Εισαγωγή

Σε αυτήν την υποενότητα, θα μάθετε να χρησιμοποιείτε το Angular CLI για να δημιουργήσετε ένα φάκελο διανομής με το σύνολο των αρχείων εφαρμογών που μπορούν να αντιγραφούν σε ένα διακομιστή για την ανάπτυξη της Angular εφαρμογής. 

Φάκελος διανομής

Για να δημιουργήσετε το φάκελο διανομής που περιέχει την εφαρμογή, πληκτρολογήστε τα ακόλουθα στη γραμμή εντολών:

ng build --prod

The dist folder has been created for you by the Angular-cli.

Αποθηκεύστε τις αλλαγές και Κάντε μια  Git commit με το μήνυμα "Build".

Ανάπτυξη εφαρμογής

Για να αναπτύξετε τη εφαρμογή σας χρειάζεστε ένα διακομιστή. Ευτυχώς διαθέτουμε ήδη τον json-server στον υπολογιστή μας. Αντιγράψτε τα περιεχόμενα του φακέλου dist στο φάκελο public του json-server σας.

Στο τερματικό σας, μεταβείτε στο φάκελο json και εκτελέστε:

json-server --watch db.json -d 2000

Αποκτήστε πρόσβαση στον ιστότοπό σας με την εκτέλεση του localhost: 3000 στο πρόγραμμα περιήγησής σας. Το πρόγραμμα περιήγησης θα μεταφερθεί στην αρχική σελίδα.

Αν θέλετε να μεταβείτε στη σελίδα localhost: 3000 / contact και αφήστε ένα σχόλιο.
Μπορείτε να δείτε αυτό το σχόλιο στο αρχείο db.json!

• See more about Deployment