Разверните свое угловое приложение в NetLify в минуту

Автор оригинала: Tunmbi Banto.

Жизнь была легкой с NetLify. Теперь вы можете развернуть все угловые приложения для NetLify и иметь уникальную ссылку для доступа к нему в любое время.

Когда-нибудь назад я опубликовал Как развернуть ваше угловое приложение в Heroku Отказ Вот версия NetLify

Этот учебник — это пошаговое руководство, которое требует вас через процесс развертывания от начала до конца, и он содержит:

• Настройка вашего углового приложения — Свежее приложение
• Нажатие вашего приложения в Github
• Непрерывная интеграция вашего приложения из Github в NetLify

Давайте начнем!

Осторожно, спойлеры: Если у вас есть существующее угловое приложение или вы уже знаете, как настроить угловое приложение, нажмите здесь, чтобы перейти к разделу развертывания NetLify

Настройка вашего углового приложения

Этот шаг предназначен для создания свежего углового приложения. Если у вас нет угловых CLI, запустите NPM установить -G @ angular/cli в вашем терминале.

Затем запустите NG новые угловые-NetLify

Это устанавливает свежее угловое приложение в текущем каталоге и имена его «угловой — NetLify». Вы можете заменить «угловые-NetLify» с любым именем на ваш выбор или имя вашего приложения.

Тогда CD Angular-NetLify Чтобы перейти на ваш каталог приложений.

Беги NG служить Подавать/запустить ваше приложение. Это будет работать на http://localhost: 4200 В вашем браузере по умолчанию.

Свежее угловое применение

Тодвижение вашего приложения в GitHub

Создайте новый репозиторий, нажав новый репозиторий в меню на панели навигации

Создание нового репозитория на Github

Заполните форму создания новой репозитории и отправьте форму

Следуйте следующим шагам, чтобы подтолкнуть ваше приложение в GitHUB:

• В вашем терминале убедитесь, что вы находитесь в каталоге Angular-NetLify и выполните следующие команды:
• Git init Чтобы инициализировать каталог для Git
• Git Add.
• Git Compry -M «Первоначальный коммит» Чтобы добавить свои файлы и совершить их
• Git Remote Добавить начало <Ваш-github-Remote-URL>
• Git push Наконец подтолкнуть ваше приложение в Github. Вам может потребоваться запустить Git push --et. -Удреозное происхождение мастера

Установка NetLify и развертывание вашего углового приложения

Если вы еще не подписались на NetLify, посетите www.netlify.com и нажмите Логин

Войдите с вашим аккаунтом GitHub.

Нажмите Новый сайт из Git

Выберите GitHUB при непрерывном развертывании и разрешайте доступом NetLify на ваш репозиторий GitHUB. Это приведет вас к следующему шагу: выбрать репозиторий

Поиск и выберите хранилище на вашем Github, вы хотите опубликовать в NetLify

На третьем этапе: «Параметры сборки и развертывание!», Выберите Мастер ветвь.

Под основными настройками сборки введите NG Build — производится

При публикации каталога введите распад

Нажмите Развертывание сайта

Aaanndddd … Bingo !!! Мы живем!

NetLify сгенерирует уникальный URL, где ваше приложение может быть легко достигнуто.

При желании создайте уникальный URL для вашего приложения

Перейдите в приложение Dashboard> Настройки> Общие> Детали сайта

Под информацией о участке нажмите «Изменить имя сайта» и введите предпочтительное имя вашего приложения (в моем случае: угловой — NetLify).

Так что это становится https://angular-netlify.netlify.com.

Нажмите Сохранить

Преимущество использования этого заключается в том, что вы делаете обновления в приложении и нажмите на GitHub, он автоматически развернут в NetLify и доступен на том же URL.

Если эта статья предоставила вам решение вам в любом случае, как и делиться.

Вы также можете следовать за мной на Twitter и Linkedin.

Оригинал: «https://www.codementor.io/@hellotunmbi/deploy-your-angular-app-to-netlify-in-minutes-tev6o2r2h»