16. diel - Git - Grafické používateľské rozhranie Git GUI - Dokončenie
V minulej lekcii, Git - Grafické užívateľské rozhranie Git GUI, sme si predstavili grafické užívateľské rozhranie Git GUI. Ukázali sme si, ako v ňom vytvoriť commit a spravovať vetvy.
V dnešnom Git tutoriále dokončíme predstavenie grafického užívateľského rozhrania Git GUI. Ukážeme si, ako v ňom zobraziť históriu repositára, vytvoriť tag a ako nahrať náš repositár na vzdialený repositár uložený na GitHube.
Táto lekcia nadväzuje na lekciu Git - Grafické užívateľské rozhranie Git GUI.
História repositára
Git GUI nám umožňuje graficky prechádzať históriu a zobraziť stav repositára v rôznych commitoch. Máme tiež možnosť graficky zobraziť históriu jednotlivých vetiev.
Zobrazenie histórie
Históriu si ukážeme na našom repositári mygit
z minulých
lekcií. Z hornej ponuky vyberme Repository > Visualize All
Branch History:

Otvorí sa nám okno s celkovou históriou repositára:

Tu by sme si mohli napríklad zobraziť jednotlivé commity, prezrieť zmeny v súboroch, pridať tagy alebo obnoviť stav repositára a prezrieť si stav repositára vo vetvách pred alebo po ich zlúčení.
Popis okna história repositára
Teraz si popíšme jednotlivé oddiely okna histórie repositára:

Popis k označeným oddielom je nasledujúci:
- 1 – zoznam commitov a vizualizácia vetiev,
- 2 a 3 – informácie o autorovi a čase vytvorenia commitu,
- 4 – informácie o commite, zmenách v súboroch a hash commite (v poli SHA1 ID),
- 5 – zoznam súborov, v ktorých boli vykonané zmeny, a stav repositára pred vytvorením commitu.
Oddiel č. 5
Kliknutím na Patch v oddiele číslo 5 zobrazíme všetky súbory, ktoré commit ovplyvňuje a sú jeho súčasťou. Keď preklikneme na Tree, zobrazí sa stav repositára po vytvorení commitu:

Porovnanie commitov
Skúsme si porovnať obsah súboru file.md
medzi dvoma
commitmi. Klikneme na prvý commit s názvom
Editing file.md file on the testing branch
a zároveň pravým
tlačidlom myši klikneme na druhý commit s názvom
Added new file, file.md
. V automaticky otvorenej ponuke vyberieme
možnosť Diff this -> selected:

Zobrazia sa nám rozdiely medzi vybranými commitmi a ovplyvnené súbory:

Kliknutím na:
- Diff sa zobrazia rozdiely medzi novým a predchádzajúcim commitom.
- Old version sa zobrazí stav súboru v čase predchádzajúceho commitu.
- New version sa zobrazí stav súboru v aktuálnom commite.
Vytvorenie tagu
Vytvorenie tagu si predvedieme na commite s názvom
Added new file, file.md
. Kliknite naň pravým tlačidlom myši az
otvorenej ponuky vyberme Create tag:

Otvorí sa nám okno pre tvorbu tagu:

Vytvoríme si ľahký tag (tagy sme prebrali v lekcii Git - Skúmanie
histórie). Do poľa Tag name vložíme názov
Before_merge
. Tento názov nám bude označovať commit, ktorý
vznikol pred zlúčením vetvy testing
s vetvou
main
.
Tag vytvoríme kliknutím na Create:

Po vytvorení tagu sa tag zobrazí vedľa commitu:

Obnovenie stavu repositára
Ukážme si, ako ľahko môžeme identifikovať určitý commit pomocou
vytvoreného tagu. To sa nám hodí pri obnovení stavu
repositára. My budeme chcieť obnoviť stav repositára do stavu, v ktorom
repositár bol, než sme vykonali zlúčenie vetvy testing
s
main
.
Pravým tlačidlom myši klikneme na commit s tagom
Before_merge
. V automaticky otvorenej ponuke vyberieme Reset
main branch to here:

V automaticky otvorenom okne vyberieme Hard obnovenie a stlačíme OK:

Vidíme, že sa nám repositár obnovil do stavu pred vykonaním
zlúčenia vetiev testing
s main
:

Ak nedôjde k automatickej aktualizácii repositára, aktualizujeme ho ručne pomocou možnosti File > Reload v hornej ponuke:

Nahranie repositára na vzdialený repositár
Teraz náš repositár mygit
odošleme na vzdialený repositár
uložený na GitHube. Zavrieme okno s históriou a vrátime sa do hlavnej
ponuky. Tu klikneme na Push:

V automaticky otvorenom okne stlačíme tlačidlo Push:

V nasledujúcom okne OpenSSH vložíme prihlasovacie meno na náš GitHub profil a stlačíme OK:

V znovu otvorenom okne OpenSSH, tentoraz na vloženie hesla, vložíme náš osobný prístupový token (PAT) a stlačíme OK:

Osobný prístupový token (PAT) sme si zakladali v lekcii Git - Vzdialený repositár - GitHub a protokoly HTTPS a SSH.
Posledné automaticky otvorené okno nás informuje o stave nahrania na vzdialený repositár. Po úspešnom nahraní stlačíme Close:

Vráťme sa na náš repositár uložený na GitHube. Na ňom vidíme, že bol repositár aktualizovaný:

V budúcej lekcii, Git - GitHub Desktop, si ukážeme, ako môžeme pracovať s naším kódom pomocou aplikácie GitHub Desktop, teda bez použitia príkazového riadka.