„Angular“ programų diegimas „GitHub“ puslapiuose yra puikus būdas jas nemokamai priglobti. „Angular“ yra populiari „JavaScript“ sistema, skirta kurti vieno puslapio programas.

„Angular“ turi išsamią komandų eilutės sąsają, kuri palaiko greitą „JavaScript“ programų kūrimą ir sąranką. Angular CLI turi keletą komandų, skirtų kurti, kurti, aptarnauti ir generuoti programos komponentus.

Taip pat galite naudoti CLI, kad diegtumėte „Angular“ programas įvairiems tikslams, įskaitant „GitHub“ puslapius.

Ko tau reikia

Norėdami išnaudoti visas šio vadovo galimybes, turite turėti šiuos įgūdžius ir įrankius:

  • Turėtumėte būti susipažinę su kampinio pagrindai, pvz., programų sąvoka, nustatymai, URL ir kt.
  • Jūs esate susipažinę su GitHub pagrindai ir „Git“, kaip „GitHub“ paskyros kūrimas, „git“ saugyklos (repo) kūrimas ir „GitHub“ puslapiai (GH puslapiai).
  • Turite Angular programą, paruoštą diegti.
  • Jūsų pagrindinis URL yra teisingame kelyje. Diegimas į GH puslapius nepavyksta, nes nustatytas neteisingas bazinis-href (bazinis URL).
  • „GitHub“ paskyra.
  • „GitHub“ saugykla (repo) su programos kodu.
instagram viewer

Dabar, kai visa tai turite, pradėkime diegimo procesą.

Diegimo procesas

Norėdami pradėti, turėjote sukurti savo projekto „GitHub“ saugyklą ir nusiųsti kodą į pagrindinis / meistras šaka.

Tada sukurkite GH puslapių šaką.

1. Sukurkite GH puslapių filialą

Tai yra įsilaužimas, kuris padės jums gauti GH puslapių nuorodą, kuri padės nustatyti bazinį href.

Pirmiausia vietinėje saugykloje sukurkite GH puslapius naudodami šią komandą:

git filialo gh puslapiai

Tada patikrinkite iš pagrindinės šakos į GH puslapius, kad perkeltumėte visą kodą.

git checkout gh-puslapiai

Tada perkelkite GH puslapius į „GitHub“, kad sukurtumėte nuotolinę GH puslapių šaką.

git push kilmės gh puslapiai

Įrankių juostoje po atpirkimo pavadinimu spustelėkite Nustatymai > Puslapiai.

Pagal Sukūrimas ir diegimas, pasirinkite Diegti iš filialo. Toliau pasirinkite gh puslapiai kaip filialo pavadinimą, tada spustelėkite Sutaupyti. Viršuje dešinėje po GH puslapių etikete bus sukurta GH puslapių nuoroda.

Tada nukopijuokite šią nuorodą į paskelbtą svetainę, kaip parodyta toliau. Diegimo metu naudosite nuorodą bazinei nuorodai nustatyti.

3. Įdiekite Angular-CLI-GHpages

Angular-cli-ghpages paketas yra įrankis, kurį Angular CLI naudoja diegimo tikslais.

Grįžkite į savo vietinę projektų saugyklą. Tada įdiekite ir paleiskite angular-cli-ghpage su šia komanda:

pridėti kampinius puslapius

4. Įdiekite programą

Norėdami sukurti gamybinę programą, turite ją prijungti prie nuotolinio serverio „GitHub“.

Sukonfigūruokite programą nuotoliniame serveryje vykdydami šią komandą:

ng deploy --base-href=https://GithubUserName.github.io/GithubRepoName/

Nepamirškite anksčiau pateiktos nuorodos pakeisti tiesiogine nuoroda iš GH puslapių

Sėkmingas kūrimas atrodys taip, kaip toliau pateiktoje iliustracijoje:

Tada eikite į „GitHub“ ir spustelėkite GH puslapių nuorodą, kad pamatytumėte savo įdiegtą projektą.

Sveikiname, įdiegėte savo Angular programą!

Jei nuorodoje rodomas tik README failas, grįžkite į „GitHub GH“ puslapių nustatymus. Įsitikinkite, kad pasirinkta šaka yra gh-puslapiai, o ne pagrindinė ar pagrindinė šaka. Tada duokite penkias minutes ir įkraukite iš naujo. Kartais „GitHub“ reikia laiko, kad atspindėtų pokyčius.

Norėdami sužinoti daugiau apie tai, kaip galite naudoti kampinį CLI diegiant, apsilankykite Kampinė dokumentacija.

Kaip įdiegti kampinę programą „GitHub“ puslapiuose

Yra keletas būdų, kaip Angular programas įdiegti GH puslapiuose, tačiau šis metodas yra lengviausias. Jūs nustatote GH puslapių atpirkimo nuorodą ir naudojate ją su Angular-CLI, kad įdiegtumėte programą į GitHub puslapius.

Su Angular ir Angular CLI galite padaryti daug daugiau. Nedvejodami tyrinėkite. Naudokite CLI, kad įdiegtumėte programas į GH puslapius, kad būtų galima nemokamai matyti ir prieglobos programas.