[MUSIC]
Последний вопрос, который может возникнуть в вашем сознании, заключается в том, как мне построить и
развернуть угловое приложение?
Если вы помните, в предыдущем курсе на Bootstrap 4,
мы узнали о том, как использовать MPM скрипты или grand или
culp для создания папки дистрибутива, чтобы создать наше веб-приложение.
Теперь, с угловым приложением, которое мы разрабатываем в этом курсе,
мы имеем помощь углового CLI.
Угловой интерфейс командной строки предоставляет команду сборки, которая позволяет нам построить наше приложение Angular
, построить папку распространения, а затем иметь все файлы для
нашего углового приложения скомпилированы и готовы к развертыванию на сайте сервера.
Вот чему мы научимся в этом упражнении.
Чтобы идти вперед с созданием и развертыванием нашего углового приложения на
тип приглашения ng bueling - потому что мы хотим разработать производственную
версию нашего углового приложения, которое может быть развернуто на сервере.
Поэтому, чтобы сделать это, в подсказке, как я уже упоминал, введите ng
build —prod, а затем позвольте процессу сборки завершить.
Для завершения процесса сборки потребуется немного времени.
После завершения процесса сборки
вы увидите, что папка дистрибутива будет готова.
После того, как процесс построения завершится успешно, так что
вы можете увидеть, что там все зеленый, поэтому папка распределения теперь подготовлена.
Теперь, как мы развертываем угловое приложение?
Теперь в этом случае, если у нас есть сервер, где вы можете развернуть ваше веб-приложение,
то это просто вопрос копирования содержимого
папки дистрибутива непосредственно на сервер.
И тогда ваше угловое приложение будет запущено и запущено в кратчайшие сроки.
Теперь, к счастью, у нас уже работает сервер JSON.
Таким образом, мы собираемся использовать наш сервер JSON и
общую папку нашего сервера JSON, поэтому они будут копировать все содержимое
папки дистрибутива в общую папку нашего сервера JSON.
Перейдя в папку conFusion, где хранится наше приложение,
мы перейдем сейчас в папку дистрибутива.
Вы увидите, что папка распространения создана.
Таким образом, вы войдете в папку дистрибутива и
вы увидите, что куча файлов была создана процессом сборки Angular CLI.
Давайте просто скопируем все содержимое этой папки, и
тогда мы перейдем на сервер JSON, который находится в папке json-server здесь и
перейдем в общую папку папки json-server.
А затем мы просто скопируем содержимое в эту общую папку.
Теперь ваше угловое приложение должно быть доступно на localhost:3000, потому что
ваш сервер JSON будет обслуживать все, что находится в общей папке на localhost:3000.
Перейдя в браузер, теперь в новой вкладке я просто напечатаю localhost:3000 и
вы увидите, что ваше угловое приложение теперь будет запущено и запущено в кратчайшие сроки.
Так вот как вы развернете свое угловое приложение.
Теперь, конечно, в данном случае, так как наш сервер находится под нашим контролем,
это просто вопрос копирования файлов на серверную сторону.
Теперь, если вы собираетесь делать это развертывание на реальном сервере в облаке,
, то вам просто нужно следовать указаниям, которые дает
поставщик облачных услуг для того, чтобы активизировать серверную сторону.
Таким образом, у них может быть общая папка, которая может поддерживаться на их облачном сервере.
Таким образом, в этом случае вам может понадобиться скопировать содержимое папки дистрибутива
в папку общего сервера у поставщика облачных услуг.
Конечно, вам также нужно убедиться, что работает серверный
сервер, который поддерживает REST API.
В нашем случае сервер JSON служит цели.
Когда вы закончите финальный курс по этой специализации,
, где мы занимаемся разработкой на стороне сервера с помощью Node-JS,
вы узнаете процедуру создания собственного собственного REST API сервера.
Таким образом, в этом случае на сервере REST API будет общедоступная папка, которая
поддержит ее, а затем вам нужно скопировать угловое приложение в общую папку на вашем сервере.
Вот как вы развернете свое угловое приложение.
С этим мы завершаем это упражнение.
В этом упражнении мы научились развертывать приложение Angular
на сервере.
И как использовать угловой интерфейс командной строки для создания производственной версии нашего
Angular приложения перед развертыванием приложения Angular
на стороне сервера.
[МУЗЫКА]