Примена Ангулар апликација на ГитХуб странице је одличан начин да их бесплатно хостујете. Ангулар је популаран ЈаваСцрипт оквир за прављење апликација на једној страници.

Ангулар има свеобухватан интерфејс командне линије који подржава брзу изградњу и подешавање ЈаваСцрипт апликација. Ангулар ЦЛИ има неколико команди за креирање, прављење, опслуживање и генерисање компоненти апликације.

Такође можете да користите ЦЛИ да примените Ангулар апликације на различите циљеве, укључујући ГитХуб странице.

Шта вам је потребно

Да бисте максимално искористили овај водич, потребно је да имате следеће вештине и алате:

  • Требало би да сте упознати са основе Ангулар-а, као што су концепт апликација, подешавања, УРЛ адресе итд.
  • Ви сте упознати са основе ГитХуб-а и Гит, попут креирања ГитХуб налога, прављења гит спремишта (репо) и ГитХуб страница (ГХ-странице).
  • Имате Ангулар апликацију спремну за примену.
  • Ваша основна УРЛ адреса је на исправној путањи. Примене на ГХ-странице не успевају због подешавања погрешног басе-хреф-а (басе-урл).
  • ГитХуб налог.
  • ГитХуб спремиште (репо) са кодом апликације.
instagram viewer

Сада када имате све ово на месту, започнимо процес постављања.

Процес имплементације

За почетак, требало је да креирате ГитХуб спремиште за свој пројекат и гурнете код у главни/мастер грана.

Затим направите грану ГХ-страница.

1. Направите грану ГХ-страница

Ово је хак који ће вам помоћи да добијете везу ГХ-страница која ће вам помоћи да поставите басе-хреф.

Прво, направите ГХ-странице у свом локалном спремишту са следећом командом:

гит грана гх-страница

Затим пређите са главне гране на ГХ-странице да бисте пренели сав код.

гит цхецкоут гх-странице

Затим гурните ГХ-странице на ГитХуб да бисте направили удаљену грану ГХ-страница.

гит пусх оригин гх-странице

На траци са алаткама испод имена репо, кликните Подешавања > Странице.

Испод Израда и примена, изаберите Поставите из огранка. Затим изаберите гх-пагес као назив гране, а затим кликните сачувати. Ово ће креирати везу ГХ-страница у горњем десном углу испод ознаке ГХ-страница.

Затим копирајте ову везу на објављену локацију као што је приказано испод. Користићете везу да бисте подесили басе-реф током постављања.

3. Инсталирајте Ангулар-ЦЛИ-ГХпагес

Пакет ангулар-цли-гхпагес је алатка коју Ангулар ЦЛИ користи за потребе примене.

Вратите се до вашег локалног спремишта пројекта. Затим инсталирајте и покрените ангулар-цли-гхпагес са овом командом:

додајте ангулар-цли-гхпагес

4. Поставите апликацију

Да бисте направили апликацију у продукцији, морате је повезати са удаљеним сервером на ГитХуб-у.

Конфигуришите своју апликацију на удаљеном серверу тако што ћете покренути следећу команду:

нг деплои --басе-хреф=хттпс://GithubUserName.github.io/GithubRepoName/

Не заборавите да замените горњу везу везом уживо са ГХ страница

Успешна изградња ће изгледати као на илустрацији испод:

Затим идите на ГитХуб и кликните на везу ГХ-странице да бисте видели свој распоређени пројекат.

Честитамо, поставили сте своју Ангулар апликацију!

Ако веза приказује само датотеку РЕАДМЕ, вратите се на подешавања ГитХуб ГХ страница. Уверите се да је изабрана грана гх-странице, а не главна или главна грана. Затим дајте пет минута и поново учитајте. Понекад је ГитХуб-у потребно време да одрази промене.

Да бисте сазнали више о томе како можете да користите Ангулар ЦЛИ у примени, посетите Угаона документација.

Како да примените Ангулар апликацију на ГитХуб странице

Постоји неколико начина за постављање Ангулар апликација на ГХ-странице, али овај метод је најлакши. Постављате своју репо везу ГХ-страница и користите је са Ангулар-ЦЛИ да бисте применили своју апликацију на ГитХуб странице.

Постоји много више што можете да урадите са Ангулар и Ангулар ЦЛИ. Слободно истражите. Користите ЦЛИ да примените апликације на ГХ-странице за бесплатну видљивост и хостовање за ваше апликације.