Обычно я использую Heroku для размещения своих приложений Angular. Он работает нормально, но я хочу попробовать что-нибудь еще: что-то новое, что-то умное. Я слышал о двух инструментах развертывания, предназначенных для фронтенд-разработчиков: Netlify и Surge. В этой статье я покажу вам, как развернуть приложения Angular в Surge.

Что такое Surge?

Surge - это простой инструмент для публикации приложений HTML5, не выходя из командной строки. Скачок мощный. На публикацию приложений Angular на Heroku иногда уходило 10 или 20 минут, потому что вам нужно было создать Procfile, добавить express и angular-cli в зависимости приложения и так далее. Но с Surge вам нужно создать свое приложение, и оно живо!

Как это сделать?

Сначала установите Surge с помощью npm:

$ npm install -g surge

Создайте новое приложение Angular:

$ ng new angular-surge
$ cd angular-surge

Теперь вам нужно создать приложение для производственной среды.

$ ng build --prod

Теперь angular-cli поместил артефакты сборки в папку dist. Вам нужно развернуть эту папку с помпажем. Перейдем в папку dist с командной строкой и начнем развертывание.

$ cd dist
$ surge

Вуаля! Создание учетной записи произойдет при первом запуске. Surge покажет вам, где находится ваше приложение. Наслаждаться!

Вы можете делать больше с Surge. Пользовательский домен, страница 404, SSL и многое другое. Вот где вы можете начать с этих функций Surge.

Никогда не забывайте, что с Surge вы можете развернуть свои приложения на Angular за одну минуту или меньше !!!

Удачного кодирования!