Angulari rakenduste juurutamine GitHubi lehtedele on suurepärane viis nende tasuta hostimiseks. Angular on populaarne JavaScripti raamistik üheleheliste rakenduste loomiseks.

Angularil on põhjalik käsurea liides, mis toetab JavaScripti rakenduste kiiret koostamist ja seadistamist. Angular CLI-l on mitu käsku rakenduse komponentide loomiseks, koostamiseks, teenindamiseks ja genereerimiseks.

CLI-d saate kasutada ka Angular-rakenduste juurutamiseks erinevatele sihtmärkidele, sealhulgas GitHubi lehtedele.

Mida sa vajad

Selle juhendi maksimaalseks kasutamiseks peavad teil olema järgmised oskused ja tööriistad.

  • Sa peaksid olema tuttav Angulari põhitõed, näiteks rakenduste, seadete, URL-ide jms mõiste.
  • Sa oled tuttav GitHubi põhitõed ja Git, nagu GitHubi konto loomine, giti hoidla (repo) ja GitHubi lehtede (GH-lehed) loomine.
  • Teil on Angular-rakendus juurutamiseks valmis.
  • Teie baas-URL asub õigel teel. GH-lehtede juurutamine nurjub vale base-href-i (base-url) seadistamise tõttu.
  • GitHubi konto.
  • GitHubi hoidla (repo) koos rakenduse koodiga.
instagram viewer

Nüüd, kui teil on need kõik paigas, alustame juurutamisprotsessi.

Juurutamisprotsess

Alustuseks oleksite pidanud oma projekti jaoks looma GitHubi hoidla ja lükkama koodi sellesse pea/meister haru.

Järgmisena looge GH-lehtede haru.

1. Looge GH-lehtede haru

See on häkkimine, mis aitab teil saada GH-lehtede linki, mis aitab seada baas-href.

Esiteks looge kohalikus hoidlas GH-lehed järgmise käsuga:

git filiaali gh-lehed

Järgmisena minge põhiharust GH-lehtedele, et kogu kood üle kanda.

git checkout gh-pages

Seejärel lükake GH-lehed GitHubisse, et luua GH-lehtede kaugharu.

git push päritolu gh-lehed

Klõpsake tööriistaribal repo nime all Seaded > Lehed.

Under Ehitamine ja juurutamine, valige Kasutuselevõtt filiaalist. Järgmisena valige gh-lehed filiaali nimena, seejärel klõpsake Salvesta. See loob GH-lehtede sildi all paremas ülanurgas GH-lehtede lingi.

Järgmisena kopeerige see link avaldatud saidile, nagu allpool näidatud. Kasutate juurutamise ajal baasviite seadistamiseks linki.

3. Installige Angular-CLI-GHpages

Angular-cli-ghpages pakett on tööriist, mida Angular CLI kasutab juurutamiseks.

Navigeerige tagasi oma kohalikku projektihoidlasse. Seejärel installige ja käivitage angular-cli-ghpages selle käsuga:

ng lisage nurgelisi klikilehti

4. Rakenduse juurutamine

Rakenduse tootmiseks loomiseks peate selle ühendama GitHubi kaugserveriga.

Seadistage oma rakendus kaugserverisse, käivitades järgmise käsu:

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

Ärge unustage asendada ülaltoodud link GH lehtede reaalajas lingiga

Edukas ehitamine näeb välja nagu alloleval joonisel:

Järgmisena navigeerige GitHubisse ja klõpsake juurutatud projekti vaatamiseks linki GH-lehed.

Õnnitleme, olete oma Angular rakenduse juurutanud!

Kui link kuvab ainult README-faili, minge tagasi GitHubi GH-lehtede seadete juurde. Veenduge, et valitud haru oleks gh-lehed, mitte põhi- või põhiharu. Seejärel andke sellele viis minutit ja laadige uuesti. Mõnikord kulub GitHubil muudatuste kajastamiseks aega.

Lisateavet Angular CLI kasutamise kohta juurutamisel leiate aadressilt Nurgeline dokumentatsioon.

Nurgarakenduse juurutamine GitHubi lehtedele

Nurgarakenduste juurutamiseks GH-lehtedele on mitu võimalust, kuid see meetod on kõige lihtsam. Seadistage oma GH-lehtede repo link ja kasutate seda koos Angular-CLI-ga, et juurutada rakendus GitHubi lehtedele.

Nurga ja nurga CLI abil saate teha palju rohkem. Uurige julgelt. Kasutage CLI-d rakenduste juurutamiseks GH-lehtedele, et tagada oma rakenduste tasuta nähtavus ja hostimine.