Řízení kmenové verze pro vzdálené týmy

Sep 12, 2025
jak
Version control

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.

  • 6 musí mít dovednosti pro mladé webové vývojáře

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.

Rozvětvovací model

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:

  • Rozvíjet pobočku: Každý řádek kódu byl testován a ověřen klientem.
  • Staging Branch: To bude odpovídat ověkovacímu prostředí.
  • Uvolněte větev: To obsahuje poslední verzi vašich webových stránek ve výrobě.

Bude také sada prvků větví. Ty však budou jen dočasné, aby zpočátku vybudoval nové funkce.

Více vývojářů na jednom projektu

Version control: Branching model

Nejlepší pracovní postup se skládá ze tří hlavních odvětví: rozvíjet, inscenování a uvolnění

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.

Funkce větví

Version control: Feature branches

Přidání větve funkce pro rozvoj údaje o zákaznících a přidání pobočky uživatelského příběhu pro úkol Přidat podrobnosti

Ř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".

Slučování

Version control: Adding new branch

Vytvoření nové pobočky pro uživatelský příběh Delete-detaily, což vám umožní dělat dodatky bez obav o přepsání kódu jiné osoby

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 

Nasadit na výrobu

Version control: Deployment

Jednou připraven k nasazení, sloučení rozvíjet se do vydání a spuštění nasazení

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 

Pravidla pro tento pracovní postup

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:

  • První věc, kterou budete muset učit své vzdálené vývojáře, je vaše verze řídicího pracovního postupu a ujistěte se, že jsou všechny čtení ze stejné knihy.
  • Pokud vyvíjíte funkci, zkuste to rozbít do menších uživatelských příběhů. Tímto způsobem je snazší sledovat každého potvrzení.
  • Nenechte si ujít žádné kroky: Stejný pracovní postup musí být dodržen pokaždé.
  • Budete vždy muset sloučit svou pobočku do rozvoj, abyste připravili další vydání.
  • Měli byste vyčistit reklamní úložiště každý týden, pokud je to možné. Měli byste odstranit inscenační větev, lokálně a vzdáleně a znovu jej vytvořit z rozvíjet větve - viz příklad níže:
 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 

Další pracovní postupy

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.

Správa konfliktů sloučení

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.

  • Upravil jeden z vašich developerů stejný řádek ve stejném souboru?
  • Smazali soubor, který jste upravili?
  • Přidali jste oba soubor se stejným názvem?

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.

Projekt a řízení vydání

Version control: Issues and problems

Nezaměňujte problémy s problémy: Můžete také použít otázku označování pro vylepšení, otázky a chyby

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í:

  • Vestavěný systém označování: Umožňuje organizovat a upřednostnit svůj pracovní postup a snadno vyhledávat projekty pro relevantní informace.
  • Milníky: Ideální pro spolupracovní problémy se specifickými vlastnostmi nebo fázemi projektu, jako jsou chyby, které je třeba upevnit před zahájením beta nebo úkoly, které mají být dokončeny v říjnu.
  • Víceúčelová přiřazení: Problémy mohou být přiřazeny uživatelům hromadně, šetří čas a dělat vás efektivnější.
  • Komentář: Inženýři a manažerské týmy mohou snadno diskutovat o pokroku a výsledcích na každém kroku cesty pomocí vestavěného komentujícího systému.
  • Seznamy úkolů: Větší otázky mohou být rozděleny do fází, aby se odrazovaly od vytvoření desítek mikroskopických problémů, udržet veškerou vaši práci na stejném místě.
  • Formát pro označení: Schopnost používat formátování značení se ukáže populární u vašich vývojářů a může být používán na většině míst kolem GitHub.
  • Projektové desky: Ty mohou být použity k problematice domu, tahat požadavky a poznámky, kategorizovat je jako karty ve sloupcích vašeho výběru, takže se můžete podívat na větší projekty jako celek.
  • Vysoká bezpečnost: Můžete důvěřovat GitHub, abyste udrželi vaše data v bezpečí a je těžší porušení než většina dalších systémů řízení projektů.

Nastavení projektu

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:

  • Jak uspět jako vývojář na volné noze
  • Vyvíjet opakovaně použitelné reakční komponenty
  • 4 tipy pro rozvoj vašich developerských dovedností

jak - Nejoblíbenější články

Jak používat gravitaci skica

jak Sep 12, 2025

(Image Credit: Gravitace skica) Gravitace Skica, návrhový a modelovací nástroj pro VR kreativy, pokračoval v zá..


Jak zaujmout screenshot na Mac

jak Sep 12, 2025

(Image Credit: Creative BloQ) Pokud chcete zachytit celou obrazovku, okno nebo jen vybranou část ploše, MACOS má ..


Afinitní návrhář: Jak používat efekty a styly

jak Sep 12, 2025

(Image Credit: Serif) S vektoru a rastrové nástroje kombinované, Afinitní návrhář je cenově do..


Začínáme s Reduxem Thunk

jak Sep 12, 2025

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..


Vytvoření více expozičního obrazu s Adobe CC

jak Sep 12, 2025

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..


Jak vytvořit úžasné efekty s tvary CSS

jak Sep 12, 2025

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..


Jak ilustrovat událost

jak Sep 12, 2025

Vytváření ilustrací pro událost je fantastická kreativní výzva, která zahrnuje vyprávění příběhů s vašimi kresba..


Jak míchat barevné tužky

jak Sep 12, 2025

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..


Kategorie