Автор оригинала: 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
Чтобы инициализировать каталог для GitGit 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»