меню

В данной инструкции мы разберём, как можно задеплоить Angular приложение на Github Pages на примере нового приложения.

Инструкция по деплою Angular приложения на Github Pages

Деплой Angular приложения, шаг за шагом

1. Установка Angular CLI, если его у вас ещё нет:

  
npm install @angular/cli --g
  

2. Создание нового приложения:

 
ng new test-app
 

3. Создание нового репозитория на Github и добавление кода в репозиторий.

4. Установка библиотеки angular-gh-pages:

  
npm install angular-cli-ghpages --g
 

5. Сбор билда с указанием url:

 
ng build --prod --base-href "https://{имя_пользователя_github}.github.io/{имя_репозитория}/"    
  

6. Деплой для приложений Angular 6+:

 
ngh --dir dist/test-app
 

6.1. Деплой для приложений ниже версии Angular 6:

  
ngh
 

Теперь Ваше приложение доступно по url: https://{имя_пользователя_github}.github.io/{имя_репозитория}/


Возможно, вам будет интересно

Observable. Subscribe и Unsubscribe

Stream и работа с Observable в Angular. Пример отписки в ngOnDestroy()

Что ждет нас в Angular 15?

В Angular 15 запланировано обновление платформы TypeScript, стабилизация API-интерфейсов автономных компонентов, упрощение создания приложения и предложит новый способ составления логики пользовательского интерфейса.

Route. Защита роутера

Использование интерфейсов CanActivate и CanActivateChild для принятия решения об активации роутера

Установка и первый запуск Angular

Angular применяется для создания одностраничных приложений - SPA (Single Page Applications). Angular создает рендер программы, в отличие от подхода, когда весь контент загружен в DOM, а JavaScript его меняет.

Оформление заявки

Документы на создание сайта

Изучите наше коммерческое предложение, заполните БРИФ и отправьте его на почту maxidebox@list.ru. Изучив все пожелания из БРИФ-а, обратным ответом оповестим Вас по стоимости разработке, ответим на вопросы.

КП на создание сайта Коммерческое предложение на созданеи сайта

Мы берем на себя ответственность за все стадии работы и полностью избавляем клиентов от забот и необходимости вникать в тонкости.

Скачать БРИФ (акета) на создание сайта Скачать БРИФ (акета) на создание сайта

Зополните у БРИФ-а все необходимые поля. Сделайте краткое описание к каждому из пунктов анкеты, привидите примеры в соответсвующий пунктах - это позволит лучше понять Ваши ожидания и требования к сайту