1
00:00:00,000 --> 00:00:04,686
[MUSIC]

2
00:00:04,686 --> 00:00:09,110
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à

3
00:00:09,110 --> 00:00:11,590
triển khai ứng dụng Angular?

4
00:00:11,590 --> 00:00:15,787
Nếu bạn nhớ lại, trong khóa học trước đó trên Bootstrap 4,

5
00:00:15,787 --> 00:00:19,801
chúng tôi đã học về cách sử dụng các kịch bản MPM hoặc grand hoặc

6
00:00:19,801 --> 00:00:26,560
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.

7
00:00:26,560 --> 00:00:31,504
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,

8
00:00:31,504 --> 00:00:33,797
chúng tôi có sự giúp đỡ của Angular CLI.

9
00:00:33,797 --> 00:00:39,402
Angular CLI cung cấp một lệnh xây dựng cho phép chúng tôi xây dựng

10
00:00:39,402 --> 00:00:45,010
ứ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

11
00:00:45,010 --> 00:00:50,286
ứ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ủ.

12
00:00:50,286 --> 00:00:53,497
Vì vậy, đó là những gì chúng ta sẽ học trong bài tập này.

13
00:00:55,477 --> 00:01:00,065
Để đ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

14
00:01:00,065 --> 00:01:04,969
tòa nhà kiểu nhanh chóng — bởi vì chúng tôi muốn phát triển

15
00:01:04,969 --> 00:01:09,935
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ủ.

16
00:01:09,935 --> 00:01:13,925
Vì vậy, để làm điều đó, tại dấu nhắc, như tôi đã đề cập, gõ ng

17
00:01:15,045 --> 00:01:19,935
build —prod, và sau đó để cho quá trình xây dựng hoàn tất.

18
00:01:22,225 --> 00:01:26,755
Đ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.

19
00:01:26,755 --> 00:01:28,924
Sau khi quá trình xây dựng hoàn tất,

20
00:01:28,924 --> 00:01:32,391
bạn sẽ thấy rằng thư mục phân phối sẽ sẵn sàng.

21
00:01:32,391 --> 00:01:35,860
Một khi quá trình xây dựng hoàn tất thành công, vì vậy

22
00:01:35,860 --> 00:01:41,111
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ị.

23
00:01:41,111 --> 00:01:44,829
Bây giờ làm thế nào để chúng ta triển khai ứng dụng Angular?

24
00:01:44,829 --> 00:01:50,789
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

25
00:01:50,789 --> 00:01:54,547
của bạn, thì nó chỉ là vấn đề sao chép nội dung

26
00:01:54,547 --> 00:01:58,420
của thư mục phân phối trực tiếp vào máy chủ.

27
00:01:58,420 --> 00:02:02,770
Và sau đó ứng dụng Angular của bạn sẽ được lên và chạy trong thời gian ngắn.

28
00:02:02,770 --> 00:02:06,842
Bây giờ, may mắn thay, chúng tôi đã có máy chủ JSON của chúng tôi chạy ở đó.

29
00:02:06,842 --> 00:02:09,411
Vì vậy, chúng tôi sẽ sử dụng máy chủ JSON của chúng tôi và

30
00:02:09,411 --> 00:02:14,468
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

31
00:02:14,468 --> 00:02:19,057
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.

32
00:02:19,057 --> 00:02:23,317
Đi đến thư mục Confect, nơi ứng dụng của chúng tôi được lưu trữ,

33
00:02:23,317 --> 00:02:26,370
chúng tôi sẽ chuyển ngay vào thư mục phân phối.

34
00:02:26,370 --> 00:02:28,720
Bạn sẽ thấy rằng thư mục phân phối đã được tạo ra.

35
00:02:28,720 --> 00:02:31,390
Vì vậy, bạn sẽ đi vào thư mục phân phối và

36
00:02:31,390 --> 00:02:36,450
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

37
00:02:38,015 --> 00:02:43,199
ta hãy sao chép toàn bộ nội dung của thư mục này, và

38
00:02:43,199 --> 00:02:50,327
sau đó chúng ta sẽ đi đến máy chủ JSON, nằm trong thư mục json-server ở đây và

39
00:02:50,327 --> 00:02:54,760
đi đến thư mục công cộng của thư mục json-server.

40
00:02:54,760 --> 00:02:59,597
Và sau đó chúng tôi sẽ chỉ đơn giản là sao chép nội dung vào mục tin thư thoại công cộng này.

41
00:02:59,597 --> 00:03:05,596
Bây giờ ứng dụng Angular của bạn nên có sẵn tại localhost:3000 vì

42
00:03:05,596 --> 00:03:12,031
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.

43
00:03:12,031 --> 00:03:18,886
Đ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à

44
00:03:18,886 --> 00:03:26,080
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.

45
00:03:26,080 --> 00:03:29,230
Vì vậy, đây là cách bạn sẽ triển khai ứng dụng Angular của bạn.

46
00:03:29,230 --> 00:03:32,970
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

47
00:03:32,970 --> 00:03:36,270
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ủ.

48
00:03:36,270 --> 00:03:42,030
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,

49
00:03:42,030 --> 00:03:46,395
thì bạn chỉ cần làm theo các hướng dẫn được cung cấp bởi

50
00:03:46,395 --> 00:03:51,056
nhà cung cấp dịch vụ đám mây để bước lên phía máy chủ.

51
00:03:51,056 --> 00:03:56,982
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ọ.

52
00:03:56,982 --> 00:04:02,706
Vì vậy, trong trường hợp đó, bạn có thể chỉ cần sao chép

53
00:04:02,706 --> 00:04:09,920
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.

54
00:04:09,920 --> 00:04:14,204
Tất nhiên bạn cũng cần phải đảm bảo có một

55
00:04:14,204 --> 00:04:17,982
máy chủ backend chạy hỗ trợ REST API.

56
00:04:17,982 --> 00:04:21,266
Trong trường hợp của chúng tôi, máy chủ JSON đang phục vụ mục đích.

57
00:04:21,266 --> 00:04:25,719
Khi bạn hoàn thành khóa học cuối cùng trong chuyên môn hóa này,

58
00:04:25,719 --> 00:04:30,434
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,

59
00:04:30,434 --> 00:04:36,370
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.

60
00:04:36,370 --> 00:04:41,240
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

61
00:04:41,240 --> 00:04:43,870
sẽ hỗ trợ nó, và sau đó bạn sẽ

62
00:04:43,870 --> 00:04:48,360
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.

63
00:04:49,490 --> 00:04:53,170
Đó là cách bạn sẽ triển khai ứng dụng Angular của bạn.

64
00:04:53,170 --> 00:04:55,860
Với điều này, chúng tôi hoàn thành bài tập này.

65
00:04:55,860 --> 00:05:00,300
Trong bài tập này, chúng tôi đã học được cách triển khai

66
00:05:00,300 --> 00:05:02,341
ứng dụng Angular của chúng tôi vào một máy chủ.

67
00:05:02,341 --> 00:05:07,124
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

68
00:05:07,124 --> 00:05:11,352
ứ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

69
00:05:11,352 --> 00:05:13,604
ứng dụng Angular của chúng tôi đến phía máy chủ.

70
00:05:13,604 --> 00:05:19,459
[ NHẠC]