[MUSIC]
Câu hỏi cuối cùng có thể phát sinh trong tâm trí của bạn là làm thế nào để xây dựng và
triển khai ứng dụng Angular?
Nếu bạn nhớ lại, trong khóa học trước đó trên Bootstrap 4,
chúng tôi đã học về cách sử dụng các kịch bản MPM hoặc grand hoặc
culp để xây dựng thư mục phân phối, để xây dựng ứng dụng web của chúng tôi.
Bây giờ, với ứng dụng Angular mà chúng tôi đã được phát triển trong khóa học này,
chúng tôi có sự giúp đỡ của Angular CLI.
Angular CLI cung cấp một lệnh xây dựng cho phép chúng tôi xây dựng
ứng dụng Angular của chúng tôi, xây dựng thư mục phân phối và sau đó có tất cả các tập tin cho
ứng dụng Angular của chúng tôi biên dịch và sẵn sàng để triển khai đến một trang web máy chủ.
Vì vậy, đó là những gì chúng ta sẽ học trong bài tập này.
Để đi tiếp với việc xây dựng và triển khai ứng dụng Angular của chúng tôi tại
tòa nhà kiểu nhanh chóng — bởi vì chúng tôi muốn phát triển
phiên bản sản xuất của ứng dụng Angular của chúng tôi có thể được triển khai vào một máy chủ.
Vì vậy, để làm điều đó, tại dấu nhắc, như tôi đã đề cập, gõ ng
build —prod, và sau đó để cho quá trình xây dựng hoàn tất.
Điều này sẽ mất một chút thời gian để quá trình xây dựng được hoàn thành.
Sau khi quá trình xây dựng hoàn tất,
bạn sẽ thấy rằng thư mục phân phối sẽ sẵn sàng.
Một khi quá trình xây dựng hoàn tất thành công, vì vậy
bạn có thể thấy rằng nó là tất cả màu xanh lá cây ở đó, vì vậy thư mục phân phối bây giờ đã được chuẩn bị.
Bây giờ làm thế nào để chúng ta triển khai ứng dụng Angular?
Bây giờ trong trường hợp này nếu chúng ta có một máy chủ nơi bạn có thể triển khai ứng dụng web
của bạn, thì nó chỉ là vấn đề sao chép nội dung
của thư mục phân phối trực tiếp vào máy chủ.
Và sau đó ứng dụng Angular của bạn sẽ được lên và chạy trong thời gian ngắn.
Bây giờ, may mắn thay, chúng tôi đã có máy chủ JSON của chúng tôi chạy ở đó.
Vì vậy, chúng tôi sẽ sử dụng máy chủ JSON của chúng tôi và
thư mục công cộng của máy chủ JSON của chúng tôi, vì vậy họ sẽ sao chép toàn bộ nội dung
của thư mục phân phối vào thư mục công cộng của máy chủ JSON của chúng tôi.
Đi đến thư mục Confect, nơi ứng dụng của chúng tôi được lưu trữ,
chúng tôi sẽ chuyển ngay vào thư mục phân phối.
Bạn sẽ thấy rằng thư mục phân phối đã được tạo ra.
Vì vậy, bạn sẽ đi vào thư mục phân phối và
bạn sẽ thấy rằng một loạt các tập tin đã được tạo ra bởi quá trình xây dựng Angular CLI. Chúng
ta hãy sao chép toàn bộ nội dung của thư mục này, và
sau đó chúng ta sẽ đi đến máy chủ JSON, nằm trong thư mục json-server ở đây và
đi đến thư mục công cộng của thư mục json-server.
Và sau đó chúng tôi sẽ chỉ đơn giản là sao chép nội dung vào mục tin thư thoại công cộng này.
Bây giờ ứng dụng Angular của bạn nên có sẵn tại localhost:3000 vì
máy chủ JSON của bạn sẽ phục vụ bất cứ điều gì trong thư mục công cộng tại localhost:3000.
Đi đến một trình duyệt, bây giờ trong một tab mới tôi sẽ chỉ cần gõ localhost:3000 và
bạn sẽ thấy rằng ứng dụng Angular của bạn bây giờ sẽ được lên và chạy trong thời gian không.
Vì vậy, đây là cách bạn sẽ triển khai ứng dụng Angular của bạn.
Bây giờ, tất nhiên, trong trường hợp này, vì chúng tôi có máy chủ của chúng tôi dưới sự kiểm soát
của chúng tôi, nó chỉ là vấn đề sao chép các tập tin vào phía máy chủ.
Bây giờ, nếu bạn đang triển khai này trên một máy chủ thực sự trong đám mây,
thì bạn chỉ cần làm theo các hướng dẫn được cung cấp bởi
nhà cung cấp dịch vụ đám mây để bước lên phía máy chủ.
Vì vậy, họ có thể có một thư mục công cộng có thể được hỗ trợ trên máy chủ đám mây của họ.
Vì vậy, trong trường hợp đó, bạn có thể chỉ cần sao chép
nội dung của thư mục phân phối của bạn vào thư mục máy chủ công cộng tại nhà cung cấp dịch vụ đám mây của bạn.
Tất nhiên bạn cũng cần phải đảm bảo có một
máy chủ backend chạy hỗ trợ REST API.
Trong trường hợp của chúng tôi, máy chủ JSON đang phục vụ mục đích.
Khi bạn hoàn thành khóa học cuối cùng trong chuyên môn hóa này,
nơi chúng tôi đối phó với việc phát triển phía máy chủ sử dụng Node-JS,
bạn sẽ học thủ tục xây dựng máy chủ REST API tùy chỉnh của riêng bạn.
Vì vậy, trong trường hợp đó, sau đó trong máy chủ REST API sẽ có một thư mục công cộng
sẽ hỗ trợ nó, và sau đó bạn sẽ
cần phải sao chép ứng dụng Angular của bạn vào thư mục công cộng ở phía máy chủ của bạn.
Đó là cách bạn sẽ triển khai ứng dụng Angular của bạn.
Với điều này, chúng tôi hoàn thành bài tập này.
Trong bài tập này, chúng tôi đã học được cách triển khai
ứng dụng Angular của chúng tôi vào một máy chủ.
Và làm thế nào để sử dụng Angular CLI để xây dựng một phiên bản sản xuất của
ứng dụng Angular của chúng tôi trước khi chúng tôi thực hiện việc triển khai
ứng dụng Angular của chúng tôi đến phía máy chủ.
[ NHẠC]