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 repositáře, vytvořit tag a jak nahrát náš repositář na vzdálený repositář 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 ovšem 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 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 nezavře a zobrazí 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ě nemáme vytvořený GitHub účet, vytvoříme ho kliknutím na Create your free account.

Budeme přesměrování do webového prohlížeče, kde nás GitHub bude žádat o svolení propojit GitHub Dekstop s naším účtem na GitHub:

GitHub účet jsme si vytvořili v lekci Git - Vzdálený repositář - Vytvoření a nastavení repositář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í 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 email:

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

Otevření repositáře

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

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

Alternativně bychom mohli repositář 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 repositáři. Zadáme požadovanou cestu k repositáři mujgit a potvrdíme Add repository:

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

V záložce Current repository vidíme název repositář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 repositáři, abychom následně si 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 repositáři a následně se aktualizuje:

Alternativně bychom změnu v datech souboru soubor.md 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 repositáře na GitHubu kliknutím na tlačítko Publish branch:

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

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

Vidíme, že náš commit Úprava souboru soubor.md do repositář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 repositář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ý repositář. 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 merge commit:

Otevře se nám nabídka kde máme možnost vybrat mezi třemi způsoby 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. Přejděme tedy do správy historie kliknutím na History:

Zobrazí se historie repositáře, v které jsou zobrazeny 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 hash, název a zprávu:

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

V následujícím kvízu, Kvíz - Vnitřní struktura, Git GUI a GitHub Desktop v Gitu, si vyzkoušíme nabyté zkušenosti z předchozích lekcí.