Pracovní vzdáleně se v posledních letech stala mnohem častějším vývojem webu. Před řízením o verzi, práce na dálku na stejném vývojovém projektu by byla absolutní noční můra. Vývojáři by měli Poslat velké soubory k sobě (pravděpodobně prostřednictvím e-mailu), vkládání do vlastního kódu před odesláním zpět. Nebylo skutečný způsob, jak sledovat to, co bylo přidáno a kdy.
Naštěstí dorazila řízení verze a rozvoj na všech frontách mnohem zvládnutelnější. Webové projekty se staly mnohem snazší implementovat a spravovat, zejména pokud jde o práci ve vzdáleném vývojovém týmu. Už se již nemusíte starat o aktuální verzi přepsání webových stránek - každý člen týmu je zdarma pracovat na libovolném souboru kdykoliv, neexistuje žádný zmatek, pokud je uložena nejnovější verze souboru - a nahoře cloudové úložiště Pomáhá také s procesem.
V tomto tutoriálu se používáme Github. spravovat náš kód. Existuje mnoho různých typů nástrojů řízení verzí, jako je bitbucket a TFVC, ale i když jsou všechny jiné, zásady zůstávají stejné, pokud jde o správu kódů.
Pro více způsobů, jak usnadnit proces sestavení webu, viz naše průvodce na vrchol Webové stránky Builder. a web hosting servis.
Za prvé, je velmi důležité mít úspěšný rozvětvovací model při práci v každém týmu, aby se proces rozvoje a nasazení provozoval hladce. S největší pravděpodobností budete mít více vývojářů pracujících na stejném projektu. Při práci se vzdálenou pracovní síly věřím, že nejlepší pracovní postup se skládá ze tří hlavních větví, stejně jako soubor dočasných:
Bude také sada prvků větví. Ty však budou jen dočasné, aby zpočátku vybudoval nové funkce.
Předpokládejme, že spustíte tým se dvěma vývojáři, kteří pracují na dálku. Zavoláme jim Sarah a James: Oba pracují na stejném webu eCommerce pro klienta. Sarah musí rozvíjet funkci, která registruje podrobnosti o zákaznících.
Prolomili bychom to do tří samostatných uživatelských příběhů - přidávání, úpravy a odebrání - a pak přidejte tyto tři vstupenky do sprintu Backlog.
Řekněme, že Sarah začne na přidávání oddílu zákazníků. Bude muset vytvořit znak "detaily zákazníka" a uživatelský příběh jeden pro první úkol "Přidat podrobnosti".
GIT Pokladna Vývoj a amp; git pull původ / rozvíjet
GIT Pokladna -B funkce / zákazníka-detaily
Git Pokladna -B přidat podrobnosti
Sarah by pokračovala v práci na dočasném pobočce "Add-Address" a spáchat její práci, jak se vyvíjí. Řekněme, že James chce pomoci Sarah s údaje o zákaznících, takže začne pracovat na destouzi podrobností.
James by vytáhl poslední verzi sdílené větve a vytvořit novou pobočku pro uživatelský příběh "Delete-detail". Pak může začít dělat své vlastní dodatky bez obav o přepsání Sarahův kód.
Git Checkout Feature / Customer-detail
git pull původ / funkce / zákazníka-detaily
Git Pokladna -B odstranění detailů
Bude také používat dočasnou pobočku na kód lokálně a spáchat všechny změny. Jakmile Sarah dokončí svou funkci, položila jízdenku do recenze kódu. Ona by tlačila kódu do inscenace a otevřel požadavek na tah s pracovní prostředí.
// tlačí její kód do inspgrácké větve
Git push původ doplňky
// Otevře tažný požadavek na pracovní prostředí
GIT požadavek-tah - staging Přidat podrobnosti
Nyní bychom měli zákaznické detaily funkce a dva uživatelské příběh funkce větve ve vývoji "Přidat podrobnosti" a "Smazat detaily".
Jakmile je její kód zkontrolován, může sloučit její pobočku do inscenace. Jízdenka je nyní v sloupci validace, čeká na ověření od vedoucího developera.
// dostane poslední verzi inspgrácké větve
GIT Pokladna Staging & Amp; git pull původ / inscenace
git sloučení doplňky a amp; & amp; Stisknické staging Git Push
// Staví validační prostředí
// a žádá vlastníka produktu, aby ověřil
Jakmile je Sarahova práce ověřena, jízdenka může být přesunuta do sloupce Done. Mohou sloučit její práci do větve prvku a začít jiného uživatelského příběhu, jako je vymazání detailů zákazníků.
// Vytáhne poslední verzi větve funkce
Funkce Git Checkout / Customer-detail
Funkce Git Pull Původ / zákazník-detaily
git sloučení add-adresu a amp; Funkce GIT push původu / zákazníka-detaily
Když byla celá funkce ověřena jak vedoucím vývojářem, tak klientem, Sarah může sloučit do rozvíjet, jak je připravena jít.
// dostane poslední verzi rozvojové větve
GIT Pokladna Vývoj a amp; git pull původ / rozvíjet
git sloučení funkce / zákazníka-detaily & amp; rozvíjet git push původu
Jakmile je vše dokončeno a je připraveno nasadit na výrobu, James se spojuje do vydání a spustí nasazení. V tomto bodě by věděl, že celý kód je správný a klient je šťastný. Značuje potvrzení o vydání, aby získal historii každé verze.
GIT Pokladna Vývoj a amp; git pull původ / rozvíjet
Uvolnění pokladny Git; & amp; git pull původ / uvolnění
git sloučení rozvíjet & amp; & amp; Git Tag 2.1.
Git Push Origin Release --tags
Tento pracovní postup vzdáleného vývoje může být velmi obtížné pochopit zpočátku, ale pokud dostanete svůj tým do práce touto metodou, pak máte volný pracovní tok bez nutnosti paniky o přepsání souborů nebo vaši vývojáři pracují ve stejné oblasti.
Existují některé klíčové věci, které je třeba si pamatovat:
GIT CO VÝVOJ & AMP; & AMP; git pull původ / rozvíjet
git větev -d inscenování a amp; git push původu --delete staging
git co -b staging & amp; Staging Git Pull Původ
S menšími projekty můžete chtít použít méně složitý pracovní postup. Můžete použít Master, který obsahuje nejvíce aktuální verzi, rozvíjející se pobočku a poté sadu větví pro každou další funkci - ať už je to fórum, kontaktní formulář, kontrolní systém. To vše záleží na vašich osobních preferencích.
Jednání s korespondenčními konflikty je dost těžké, pokud všichni pracujete ve stejné místnosti, ale mohou se stát ještě více noční můry, pokud všichni pracujete v jiné kanceláři. Nejdůležitější věcí je pamatovat, že můžete vždy vrátit hromadnou korespondenci a vrátit se zpět do státu dříve, než došlo ke konfliktu.
Ať už děláte všechny slučky jako vedoucí vývojář nebo váš tým, které je dělají samostatně, první krok je pochopit, co se stalo.
Git vám řekne, že máte Neodbohované cesty přes status git :
Stav $ Git
# Na branch checkout-systém
# Máte nemenšené cesty.
# (opravit konflikty a spustit "git commit")
#
# Unmerged cesty:
# (použijte "git add & lt; soubor & gt; ..." označit rozlišení)
#
# upravená: pokladna.html
#
Žádné změny přidané ke spáchání (použití "git add" a / nebo "git commited -a")
Nejčastější příčinou konfliktu je nyní, když změny ovlivňují stejné soubory na stejném řádku. Podívejme se na obsah konflikty. Všimnete si, že Git je opravdu dobrý v tom, že to bude znamenat konfliktu & lt; & lt; & lt; & lt; a a gt; & gt; & gt; & gt; [Other / Branch / Jméno] . V tomto případě je to Pokladna-System. .
& lt; & lt; & lt; & lt; HLAVA
Tento řádek byl spáchán při práci v odvětví "uživatelské formy".
=======.
Tato linie, naproti tomu byl spáchán při práci v odvětví "Pokladna-System".
& gt; & gt; & gt; & gt; & gt; & gt; & gt; & gt; Refs / Heads / Checkout-System
Obsah po první značce pochází z vaší současné pracovní větve. Po úhlových závorkách nám git říká, od které větve pocházejí změny. Řádek s. \ T =======. odděluje dva protichůdné změny.
Nyní můžete jednoduše otevřít soubor v editoru, vyhledat konfliktní značky a provést nezbytné úpravy. Když jste hotovo, soubor musí vypadat přesně tak, jak chcete, aby se podíval, nebo alternativně můžete říct git, že budete jednat s jedním z upravených verzí, nazvaný naše nebo jejich .
GIT Pokladna - počet hvězdiček / do / konflikt-file.html
Existuje také mnoho slučovacích nástrojů, které s tím mohou pomoci. Kaleidoskop je skvělý pro Mac.
Je to stejně důležité jako vedoucí developer mít nástroj pro správu projektů pro správu věcí, jako jsou úkoly a chyby, zvláště když vaši vývojáři nejsou založeni na sadě. Existuje mnoho řešení, jako je Zenhub a Asuna, ale věřím, že GitHub je vestavěný projekt a vydavatelský systém je nejlepší.
Můžete dělat věci, jako je nastavení nového projektu, vytvářet desky nebo přiřadit problémy. A neposkytujte jen problémy s problémy: můžete také použít pro vylepšení, otázky a chyby, mimo jiné.
Zde je několik nejlepších vlastností:
Pokud jdete do GitHub a pak se vydejte na jednu z vašich úložišť, uvidíte kartu, která se nazývá projekty. Odtud můžete vybrat nový projekt, nastavit podrobnosti o projektu a vytvořit novou šablonu projektu.
Pokud nyní vyberte kartu Problémy, která je v horní části a vyberte nový problém, budete moci vytvořit nový problém. Pak můžete použít různé štítky - to jsou věci, jako je chyba, vylepšení, otázka a duplikát. Můžete také použít vylepšení pro novou funkci nebo požadavek. Poté můžete přiřadit různé členy týmu na úkol, milník a také projekt, který jste právě vytvořili.
Přidělené členy budou mít seznam všech svých úkolů a můžete dokonce použít projektovou desku, aby byla sledována, co je v současné době postaveno. Pokud si vzpomenete na naše dřívější tutoriál, mluvili jsme o pohybu vstupenek na sprint Backlog a validaci. Takže Github funguje opravdu dobře jako nástroj all-in-one pro dohled nad projektem.
Tento článek byl původně zveřejněn v čísle 311 z síť Časopis nejprodávanějšího světa pro webové designéry a vývojáře. Koupit vydání 311 zde nebo Přihlásit se zde .
Související články:
(Image Credit: Gravitace skica) Gravitace Skica, návrhový a modelovací nástroj pro VR kreativy, pokračoval v zá..
(Image Credit: Creative BloQ) Pokud chcete zachytit celou obrazovku, okno nebo jen vybranou část ploše, MACOS má ..
(Image Credit: Serif) S vektoru a rastrové nástroje kombinované, Afinitní návrhář je cenově do..
Stát je velkou částí reakcí aplikace, což je důvod, proč je s ním běžně spárován. Tato data často pocházejí z da..
Adobe mi pověděl s vytvořením obrázku pro vyjádření konceptu multilocalismu a vyšší, můžete vidět svou odpověď. V tomto tutoriálu budu procházet svým kreativním procesem p..
Vývojáři frontend mají tendenci přemýšlet v obdélníkech; obdélníky uvnitř obdélníků uvnitř obdélníků uvnitř o..
Vytváření ilustrací pro událost je fantastická kreativní výzva, která zahrnuje vyprávění příběhů s vašimi kresba..
Naučit se míchat barevné tužky vám pomůže získat více z vašich nástrojů. Spíše než spoléhat se na jednotlivce, ploché barvě každé tužky, můžeme je smíchat dohromady, a..