Как развернуть приложение Angular, чтобы получить всплеск за 1 минуту
Обычно я использую Heroku для размещения своих приложений Angular. Он работает нормально, но я хочу попробовать что-нибудь еще: что-то новое, что-то умное. Я слышал о двух инструментах развертывания, предназначенных для фронтенд-разработчиков: Netlify и Surge. В этой статье я покажу вам, как развертывать приложения Angular в Surge.
ПРИМЕЧАНИЕ. - Этот предназначен специально для приложений angular, но все остальные фреймворки имеют тот же метод, поэтому, если вы хотите развернуть приложение Vue или приложение React, не беспокойтесь, просто попробуйте разработать аналог команд с вашим собственным фреймворком.
Итак, приступим !!!
Сначала нам нужно установить Surge с помощью npm:
npm install -g surge
Теперь просто перейдите в корень вашего проекта, в этой статье я буду развертывать приложение To-Do, созданное мной на Angular.
cd "name of the folder"
Теперь нам нужно создать наше приложение для производственной среды, чтобы мы получили файл index.html в папке / dist, который мы будем использовать в качестве единой точки входа в наше приложение.
Перейдите в корень папки и выполните команду, указанную ниже:
npm build
Теперь, когда у нас есть все в папке с именем Dist. Давайте развернем !!!!
В командной строке перейдите в папку dist, созданную Angular-Cli, и выполните следующую команду.
ПРИМЕЧАНИЕ. - Если в папке dist есть папка, обязательно перейдите в эту папку, а затем запустите скачок. Все, что нам нужно, это находиться в папке, где находится файл index.html.
surge
Если вы выполнили эти шаги до сих пор, вы должны увидеть что-то подобное на своей консоли.
Поздравляем, вы успешно развернули свое первое приложение Angular.
Мое приложение успешно работает в сгенерированном домене:
Если вам это нравится, оставьте 👏. Если у вас есть предложения по теме моей следующей статьи, оставляйте их в комментариях.
Спасибо за уделенное время.
