Lekce 17 - Git - GitHub Desktop

V minulé lekci, Git - Grafické uživatelské rozhraní Git GUI - Dokončení, jsme dokončili představení grafického uživatelského rozhraní Git GUI. Ukázali jsme si, jak v něm zobrazit historii repozitáře, vytvořit tag a jak nahrát náš repozitář na vzdálený repozitář uložený na GitHubu.

V dnešním Git tutoriálu si ukážeme novou aplikaci GitHub Desktop. Tato aplikace nám umožňuje pracovat s naším kódem pomocí příjemného GUI bez nutnosti pamatování si příkazů a používání příkazového řádku.

Dnešní lekce počítá s předešlou znalostí systému Git z minulých tutoriálů. Základy si velmi stručně popíšeme, hlavní zaměření lekce je však kladeno na práci s grafickým rozhraním.

GitHub Desktop

Nejprve si GitHub Desktop nainstalujeme. Pak se vrhneme na jeho používání.

V této lekci budeme pracovat s aplikací GitHub Desktop pro operační systém Windows.

Instalace a konfigurace

Z oficiálních stránek GitHub Desktop stáhneme verzi pro operační systém Windows kliknutím na Download for Windows (64bit):

Instalaci spustíme kliknutím na stažený .exe soubor. Otevře se následující okno instalačního procesu:

Počkáme, dokud se úvodní okno nezavře a nezobrazí se nám okno Welcome to GitHub Desktop. Zde se kliknutím na Sign in to GitHub.com přihlásíme do svého GitHub účtu:

Pokud ještě GitHub účet nemáme, vytvoříme si ho kliknutím na Create your free account.

Budeme přesměrováni do webového prohlížeče, kde nás GitHub požádá o svolení propojit GitHub Desktop s naším účtem na GitHubu:

GitHub účet jsme si vytvořili v lekci Git - Vzdálený repozitář - Vytvoření a nastavení repozitáře.

Klikneme na Authorize desktop. Budeme přesměrováni na stránku povolení požadavků. Prohlížeč se nás ptá na povolení otevírat odkazy typu x-github-desktop-auth pomocí aplikace GitHub Desktop:

Klikneme na Otevřít odkaz. Po úspěšném přihlášení se nám zobrazí okno Configure Git, kde vyplníme své jméno a e-mail:

Vše potvrdíme kliknutím na Finish. Zobrazí se nám úvodní stránka aplikace GitHub Desktop:

Otevření repozitáře

Budeme pracovat s naším repozitářem mujgit, který jsme si vytvořili v lekci Git - Základy.

Pro otevření lokálního repozitáře mujgit klikneme na File v horní liště a zvolíme možnost Add local repository…:

Alternativně bychom mohli repozitář přidat přetáhnutím jeho umístění do pole pro soubory:

V zobrazeném dialogovém okně pro vybrání cesty k repozitáři zadáme požadovanou cestu k repozitáři mujgit a potvrdíme Add repository:

Po potvrzení se nám otevře okno s repozitářem:

V záložce Current repository vidíme název repozitáře mujgit, který máme momentálně otevřený. V sekci Current branch vidíme název aktuální větve main, ve které se nacházíme:

Editace dat a vytvoření commitu

Nejprve provedeme změnu v datech v repozitáři, abychom si následně mohli ukázat vytvoření commitu.

Editace dat

Změnu v datech provedeme v souboru soubor.md. Otevřeme si ho v editoru a přepíšeme jeho obsah na Nový text. GitHub Desktop automaticky detekuje provedené změny v repozitáři a následně se aktualizuje:

Změnu v datech souboru soubor.md bychom alternativně mohli provést v terminálu MinTTY příkazem echo "Nový text" > soubor.md.

Vytvoření commitu

Nyní vytvoříme commit. V levém dolním rohu se nachází pole pro vytvoření commitu. Commit pojmenujeme Úprava souboru soubor.md, do zprávy přidáme Úprava souboru, přepis textu a vše potvrdíme tlačítkem Commit to main:

Nově vytvořený commit vidíme v levém dolním poli:

Commit máme vytvořený 😀 Pojďme změny poslat na GitHub.

Odeslání změn na GitHub

Změny odešleme do našeho vzdáleného repozitáře na GitHubu kliknutím na tlačítko Publish branch:

Nyní si odeslání do vzdáleného repozitáře zkontrolujeme. V horní nabídce vybereme Repository => View on GitHub:

Otevře se náš repozitář mujgit:

Vidíme, že náš commit Úprava souboru soubor.md do repozitáře dorazil 😀

Správa větví

Nyní se podíváme na postup vytvoření, přejmenování, sloučení a nahrání větve do vzdáleného repozitáře.

Vytvoření větve

Kliknutím na Current branch otevřeme seznam všech větví. Novou větev vytvoříme kliknutím na New branch:

V nově otevřeném okně novou větev pojmenujeme test a klikneme na Create branch:

Po vytvoření větve GitHub Desktop automaticky přepne náš pracovní prostor do nově vytvořené větve:

Nahrání větve

Abychom mohli větev test odeslat do vzdáleného repozitáře mujgit, je třeba provést změny dat v souboru. Upravme tedy soubor testovaci_soubor.txt, kterému dopišme následující čísla:

123456789
987654321
000000000

Alternativně bychom to mohli provést následujícími příkazy v terminálu MinTTY:

git checkout feature
echo "123456789" >> testovaci_soubor.txt
echo "987654321" >> testovaci_soubor.txt
echo "000000000" >> testovaci_soubor.txt

Nyní vytvoříme commit s názvem Přidání čísel a zprávou Přidání čísel do testovaci_soubor.txt:

Teď už jen nahrajeme větev na vzdálený repozitář. Klikneme na Publish branch a tím commit odešleme.

Přejmenování větve

Přejmenování větve si ukážeme na větvi test, kterou přejmenujeme na feature. V horní nabídce zvolíme Branch => Rename…:

V nově otevřeném okně Rename branch zadáme nový název feature a klikneme na Rename test:

Přepínání větví

Pojďme si ukázat přepínání větví. Nejprve klikneme na Current branch, čímž se otevře okno se seznamem všech větví. Přepnutí se realizuje kliknutím na název větve. Klikneme tedy na větev main:

Sloučení větví

Postup sloučení větví si ukážeme na sloučení větve feature do větve main. Klikneme na Current branch a zvolíme možnost Choose a branch to merge into main:

Ze zobrazených větví vybereme větev, kterou chceme sloučit s větví main, tedy větev feature. Následně klikneme na šipku vedle tlačítka Create a merge commit:

Otevře se nám nabídka, v níž máme možnost vybrat si ze tří způsobů sloučení:

• Create a merge commit – Sloučí větve a přidá commity z větve feature do větve main.
• Squash and merge – Sloučí commity na větvi feature do jednoho commitu a sloučí ho s větví main.
• Rebase – Commity z větve feature přepíše do větve main.

Zvolíme Create a merge commit a sloučení potvrdíme kliknutím na Create a merge commit:

Proběhne vlastní sloučení větví a GitHub Desktop nás vrátí zpět do hlavní nabídky, kde uvidíme informaci o úspěšném sloučení:

Upravenou větev main nahrajeme na GitHub kliknutím na Publish branch:

Zkoumání historie

Nakonec si ukážeme správu historie. Do ní přejdeme kliknutím na History:

Zobrazí se historie repozitáře, ve které vidíme jednotlivé commity. Klikněme na commit s názvem Úprava souboru soubor.md, abychom si zobrazili jeho detail:

V pravém okně je zobrazeno, co bylo přidáno (zeleně) a co bylo ze souboru odebráno (červeně). Zde také vidíme, které soubory jsou ovlivněny daným commitem. Nad výpisem commitu vidíme jeho identifikační údaje, jako je hash, název a zpráva:

U commitu s názvem Přidán nový soubor, soubor.md vidíme tag označený jako Pred_merge.

V příští lekci, Git - Nahrání repozitáře na GitLab, se naučíme založit vzdálený GitLab repozitář a verzovat své projekty pomocí základních Git operací, které nám nabízí IntelliJ IDEA.