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

2
00:00:04,686 --> 00:00:09,110
Последний вопрос, который может возникнуть в вашем сознании, заключается в том, как мне построить и

3
00:00:09,110 --> 00:00:11,590
развернуть угловое приложение?

4
00:00:11,590 --> 00:00:15,787
Если вы помните, в предыдущем курсе на Bootstrap 4,

5
00:00:15,787 --> 00:00:19,801
мы узнали о том, как использовать MPM скрипты или grand или

6
00:00:19,801 --> 00:00:26,560
culp для создания папки дистрибутива, чтобы создать наше веб-приложение.

7
00:00:26,560 --> 00:00:31,504
Теперь, с угловым приложением, которое мы разрабатываем в этом курсе,

8
00:00:31,504 --> 00:00:33,797
мы имеем помощь углового CLI.

9
00:00:33,797 --> 00:00:39,402
Угловой интерфейс командной строки предоставляет команду сборки, которая позволяет нам построить наше приложение Angular

10
00:00:39,402 --> 00:00:45,010
, построить папку распространения, а затем иметь все файлы для

11
00:00:45,010 --> 00:00:50,286
нашего углового приложения скомпилированы и готовы к развертыванию на сайте сервера.

12
00:00:50,286 --> 00:00:53,497
Вот чему мы научимся в этом упражнении.

13
00:00:55,477 --> 00:01:00,065
Чтобы идти вперед с созданием и развертыванием нашего углового приложения на

14
00:01:00,065 --> 00:01:04,969
тип приглашения ng bueling - потому что мы хотим разработать производственную

15
00:01:04,969 --> 00:01:09,935
версию нашего углового приложения, которое может быть развернуто на сервере.

16
00:01:09,935 --> 00:01:13,925
Поэтому, чтобы сделать это, в подсказке, как я уже упоминал, введите ng

17
00:01:15,045 --> 00:01:19,935
build —prod, а затем позвольте процессу сборки завершить.

18
00:01:22,225 --> 00:01:26,755
Для завершения процесса сборки потребуется немного времени.

19
00:01:26,755 --> 00:01:28,924
После завершения процесса сборки

20
00:01:28,924 --> 00:01:32,391
вы увидите, что папка дистрибутива будет готова.

21
00:01:32,391 --> 00:01:35,860
После того, как процесс построения завершится успешно, так что

22
00:01:35,860 --> 00:01:41,111
вы можете увидеть, что там все зеленый, поэтому папка распределения теперь подготовлена.

23
00:01:41,111 --> 00:01:44,829
Теперь, как мы развертываем угловое приложение?

24
00:01:44,829 --> 00:01:50,789
Теперь в этом случае, если у нас есть сервер, где вы можете развернуть ваше веб-приложение,

25
00:01:50,789 --> 00:01:54,547
то это просто вопрос копирования содержимого

26
00:01:54,547 --> 00:01:58,420
папки дистрибутива непосредственно на сервер.

27
00:01:58,420 --> 00:02:02,770
И тогда ваше угловое приложение будет запущено и запущено в кратчайшие сроки.

28
00:02:02,770 --> 00:02:06,842
Теперь, к счастью, у нас уже работает сервер JSON.

29
00:02:06,842 --> 00:02:09,411
Таким образом, мы собираемся использовать наш сервер JSON и

30
00:02:09,411 --> 00:02:14,468
общую папку нашего сервера JSON, поэтому они будут копировать все содержимое

31
00:02:14,468 --> 00:02:19,057
папки дистрибутива в общую папку нашего сервера JSON.

32
00:02:19,057 --> 00:02:23,317
Перейдя в папку conFusion, где хранится наше приложение,

33
00:02:23,317 --> 00:02:26,370
мы перейдем сейчас в папку дистрибутива.

34
00:02:26,370 --> 00:02:28,720
Вы увидите, что папка распространения создана.

35
00:02:28,720 --> 00:02:31,390
Таким образом, вы войдете в папку дистрибутива и

36
00:02:31,390 --> 00:02:36,450
вы увидите, что куча файлов была создана процессом сборки Angular CLI.

37
00:02:38,015 --> 00:02:43,199
Давайте просто скопируем все содержимое этой папки, и

38
00:02:43,199 --> 00:02:50,327
тогда мы перейдем на сервер JSON, который находится в папке json-server здесь и

39
00:02:50,327 --> 00:02:54,760
перейдем в общую папку папки json-server.

40
00:02:54,760 --> 00:02:59,597
А затем мы просто скопируем содержимое в эту общую папку.

41
00:02:59,597 --> 00:03:05,596
Теперь ваше угловое приложение должно быть доступно на localhost:3000, потому что

42
00:03:05,596 --> 00:03:12,031
ваш сервер JSON будет обслуживать все, что находится в общей папке на localhost:3000.

43
00:03:12,031 --> 00:03:18,886
Перейдя в браузер, теперь в новой вкладке я просто напечатаю localhost:3000 и

44
00:03:18,886 --> 00:03:26,080
вы увидите, что ваше угловое приложение теперь будет запущено и запущено в кратчайшие сроки.

45
00:03:26,080 --> 00:03:29,230
Так вот как вы развернете свое угловое приложение.

46
00:03:29,230 --> 00:03:32,970
Теперь, конечно, в данном случае, так как наш сервер находится под нашим контролем,

47
00:03:32,970 --> 00:03:36,270
это просто вопрос копирования файлов на серверную сторону.

48
00:03:36,270 --> 00:03:42,030
Теперь, если вы собираетесь делать это развертывание на реальном сервере в облаке,

49
00:03:42,030 --> 00:03:46,395
, то вам просто нужно следовать указаниям, которые дает

50
00:03:46,395 --> 00:03:51,056
поставщик облачных услуг для того, чтобы активизировать серверную сторону.

51
00:03:51,056 --> 00:03:56,982
Таким образом, у них может быть общая папка, которая может поддерживаться на их облачном сервере.

52
00:03:56,982 --> 00:04:02,706
Таким образом, в этом случае вам может понадобиться скопировать содержимое папки дистрибутива

53
00:04:02,706 --> 00:04:09,920
в папку общего сервера у поставщика облачных услуг.

54
00:04:09,920 --> 00:04:14,204
Конечно, вам также нужно убедиться, что работает серверный

55
00:04:14,204 --> 00:04:17,982
сервер, который поддерживает REST API.

56
00:04:17,982 --> 00:04:21,266
В нашем случае сервер JSON служит цели.

57
00:04:21,266 --> 00:04:25,719
Когда вы закончите финальный курс по этой специализации,

58
00:04:25,719 --> 00:04:30,434
, где мы занимаемся разработкой на стороне сервера с помощью Node-JS,

59
00:04:30,434 --> 00:04:36,370
вы узнаете процедуру создания собственного собственного REST API сервера.

60
00:04:36,370 --> 00:04:41,240
Таким образом, в этом случае на сервере REST API будет общедоступная папка, которая

61
00:04:41,240 --> 00:04:48,360
поддержит ее, а затем вам нужно скопировать угловое приложение в общую папку на вашем сервере.

62
00:04:49,490 --> 00:04:53,170
Вот как вы развернете свое угловое приложение.

63
00:04:53,170 --> 00:04:55,860
С этим мы завершаем это упражнение.

64
00:04:55,860 --> 00:05:00,300
В этом упражнении мы научились развертывать приложение Angular

65
00:05:00,300 --> 00:05:02,341
на сервере.

66
00:05:02,341 --> 00:05:07,124
И как использовать угловой интерфейс командной строки для создания производственной версии нашего

67
00:05:07,124 --> 00:05:11,352
Angular приложения перед развертыванием приложения Angular

68
00:05:11,352 --> 00:05:13,604
на стороне сервера.

69
00:05:13,604 --> 00:05:19,459
[МУЗЫКА]