Головний контроль версії для віддалених команд

Jan 23, 2026
Як
Version control

Працюючи дистанційно став набагато частіше в веб-розробці протягом останніх кількох років. Перед тим, як керувати версіями, робота віддалено на тому ж проекті розробки, було б абсолютним кошмаром. Розробники мали б Надіслати великі файли один до одного (ймовірно, через електронний лист), вставляючи свій власний код, перш ніж відправити його назад. Не було реального способу відстеження того, що було додано і коли.

  • 6 повинні мати навички для молодих веб-розробників

На щастя, контроль версії прибув і зробив розробку на всіх фронтах набагато більш керованим. Веб-проекти стали набагато простішими для реалізації та управління, особливо коли мова йде про роботу в команді дистанційного розвитку. Вам більше не доведеться турбуватися про поточну версію веб-сайту, який перезаписаний - кожен член команди в будь-який час може працювати в будь-якому файлі в будь-який час, немає ніякої плутанини, де зберігається остання версія файлу - і вершина хмара зберігання допомагає з процесом теж.

У цьому підручнику ми збираємося використовувати Гуляк керувати нашим кодом. Існує численні різні типи інструменту керування версіями, наприклад, Bitbucket та TFVC, але навіть якщо вони різні різні, принципи залишаються незмінними, коли мова йде про управління кодом.

Щоб отримати додаткові способи зробити процес створення вашого сайту, перегляньте наші напрямні до вершини Веб-будівельник і веб хостинг Сервіс.

Модель розгалуження

По-перше, дуже важливо мати успішну розгалужену модель при роботі в будь-якій команді, щоб зробити процес розробки та розгортання плавно. Ви, швидше за все, будете мати кілька розробників, які працюють над тим самим проектом. При роботі з віддаленою робочою силою, я вважаю, що найкращий робочий процес складається з трьох основних галузей, а також набір тимчасових:

  • Розробити галузь: Кожен рядок коду був протестований та підтверджений клієнтом.
  • Відділення постановки: Це буде відповідати середовищі перевірки.
  • Відділення випуску: Це містить останню версію вашого веб-сайту у виробництві.

Також буде набір філій. Однак це просто буде тимчасово спочатку будувати нові функції.

Кілька розробників за одним проектом

Version control: Branching model

Найкращий робочий процес складається з трьох основних гілок: розробка, постановка та випуск

Давайте припустимо, що ви запускаєте команду з двома розробниками, які працюють віддалено. Ми називаємо їх Сари та Джеймсом: вони працюють на тому ж веб-сайті електронної комерції для клієнта. Сара повинна розробити функцію, яка реєструє деталі клієнтів.

Ми б розірвали це на три окремі користувацькі історії - додавання, редагування та видалення - а потім додати ці три квитки на спринтну відставання.

Особливі філії

Version control: Feature branches

Додавання філії функцій для розробки функцій клієнтів та додавання галузі історії користувачів для додаткових деталей

Отже, давайте скажемо, що Сара починається з додавання розділу клієнтів. Їй потрібно було б створити функціональну фігуру "клієнт-деталі" та історію користувачів, для першого завдання "додавати деталі".

 Git Checkout розробка & amp; & amp; Git Pull Походження / Розвиток
Git Checkout -B Функція / клієнт-деталі
Git Checkout -B Додатки 

Сара продовжуватиме працювати над тимчасовою філією "додавати" локально та здійснювати її роботу, як вона розвивається. Тепер, давайте скажемо, що Джеймс хоче допомогти Sarah з оцінкою інформації про клієнта, тому він починає працювати на деталі видалення.

Джеймс витягнув останню версію спільної гілки та створити нову гілку для розповіді користувачів "DELETE-деталі". Потім він може почати робити свої доповнення, не турбуючись про перезапису коду Сари.

 Функція перевірки Git / Customer-деталі
Git Pull Походження / Функція / Клієнт-деталі
Git Checkout -B DELETE-деталі 

Він також буде використовувати свою тимчасову галузь до коду локально та здійснювати будь-які зміни. Після того, як Sarah закінчив свою особливість локально, вона ставить квиток на огляд коду. Вона підштовхнула її кодекс до постановчої гілки та відкрити запит на витяг з постійним середовищем.

// Вона штовхає свій код до постановчої гілки
Git Push Origin Add-Detail
// Вона відкриває випускний запит з постійним середовищем
git запит-тягнути постановку додаток 

Тепер ми будемо мати філії з клієнтами, а також дві історії користувачів мають філії у розробці "Додатки" та "DELETE-деталі".

Злиття

Version control: Adding new branch

Створення нової гілки для історії користувача DELETE-деталі, що дозволяє робити доповнення, не турбуючись про перезапис іншої особи

Як тільки її код був переглянутий, вона може об'єднати її гілку в постановку. Квиток зараз знаходиться у стовпці перевірки, чекаючи перевірки від розробника свинцю.

 // Вона отримує останню версію постановчої гілки
Git Checkout Постановка & amp; & amp; Git Pull Походження / Постановка
GIT об'єднати додати деталі & amp; & amp; git push походження постановки
// Вона будує середовище валідації
// і запитує власника продукту, щоб перевірити 

Після того, як робота Sarah була перевірена, квиток можна перемістити у виконану колонку. Вона може об'єднати свою роботу в галузі функції та почати іншу історію користувачів, наприклад, видалення деталей клієнтів.

 // Вона витягує останню версію філії функції
Функція перевірки Git / Customer-деталі
Функція походження Git Pull / Customer-деталі
GIT об'єднати додаток & amp; & amp; Функція Git Push Origin / Customer-деталі 

Коли вся особливість була підтверджена як розробником свинцю, так і клієнта, Sarah може об'єднати філію функції, оскільки він готовий до поїздки.

 // Вона отримує останню версію розвитку галузі
git checkout розробка & amp; & amp; Git Pull Походження / Розвиток
Об'єднана функція GIT / Customer-Detail & amp; & amp; Git Push Ending Develing 

Розгортання до виробництва

Version control: Deployment

Після того, як готовий до розгортання, об'єднати розвиватися і запустіть розгортання

Одного разу все завершено, і він готовий до розгортання у виробництво, Джеймс об'єднує у випуску та запускає розгортання. На цьому етапі він би знав, що весь код є правильним, і клієнт щасливий. Він позначає зобов'язання звільнення, щоб отримати історію кожної версії.

 Git Checkout розробка & amp; & amp; Git Pull Походження / Розвиток
Git Checkout Release & amp; & amp; Git Pull Origin / Release
Git Merge Розробка & amp; & amp; git tag 2.1
Git Push Origin Release --tags 

Правила слідувати цьому робочому процесі

Цей робочий процес віддаленого розвитку може бути дуже важко зрозуміти, але якщо ви отримаєте свою команду, щоб працювати за цим методом, то у вас є безкоштовний робочий потік без необхідності паніки про перезаписані файли або розробники, що працюють на тій же області.

Є деякі ключові речі, які потрібно пам'ятати:

  • Перше, що вам потрібно буде навчити ваших віддалених розробників - це ваш робочий процес керування вашою версією та переконайтеся, що всі вони читають з тієї ж книги.
  • Якщо ви розробляєте функцію, спробуйте зламати це на менші історії користувача. Таким чином, легше стежити за кожним зобов'язанням.
  • Не пропустіть жодних кроків: той же робочий процес слід дотримуватися кожного разу.
  • Вам завжди потрібно буде об'єднати свою філію, щоб приготувати наступний випуск.
  • Ви повинні очистити репозиторій постановки щотижня, якщо це можливо. Ви повинні видалити постійну гілку, локально та віддалено, і відтворити його від розвитку галузі - див. Приклад нижче:
 git co розробка & amp; & amp; Git Pull Походження / Розвиток
git branch -d постановка & amp; & amp; git push походження - delete постановка
GIT Co -b постановка & amp; & amp; Git Pull Походження Постановка 

Додаткові робочі процеси

З меншими проектами ви можете використовувати менш складним робочим процесом. Ви можете використовувати Master, який містить найбільш актуальну версію, розробку філії, а потім набір філій для кожної додаткової функції - чи є це форумом, контактна форма, система перевірки. Все залежить від ваших особистих уподобань.

Керування злиття конфліктів

Робота з злиттям конфліктів важко, якщо ви всі працюєте в одній кімнаті, але вони можуть стати ще більшою кількістю кошмарів, якщо ви всі працюєте в іншому офісі. Найголовніше, щоб пам'ятати, що ви завжди можете скасувати злиття та повернутися до стану до того, як відбулося конфлікт.

Незалежно від того, чи ви робите всі злиття, оскільки ведення розробника, або ваша команда - це ті, що роблять їх самостійно, перший крок - зрозуміти, що сталося.

  • Зробив один з ваших співпраці, редагував той самий рядок у тому ж файлі?
  • Чи видали вони файл, який ви змінили?
  • Ви обидва додали файл з тим самим ім'ям?

Git скаже вам, що у вас є Зніміть шляхи через статус git :

 $ Стан Git
# На гілці перевірки-системи
# У вас є безперечні шляхи.
# (виправити конфлікти та запуск "Git Commit")
Каштан
# З'єднані шляхи:
# (Використовуйте "Git Add & Lt, файл & gt; ..." Щоб позначити роздільну здатність)
Каштан
# Обидва модифіковані: Checkout.html
Каштан
Не додаються зміни (використання "Git Add" та / або "Git Commit -a") 

Тепер найпоширенішою причиною конфлікту є, коли зміни впливають на ті самі файли на одній лінії. Отже, давайте подивимося з вмістом конфліктної лінії. Ви помітите, що Git дійсно хороший у тому, що він позначив конфліктну територію, додаючи його & lt; & lt; & lt; & lt; & lt; & lt; & lt; голова і & gt; & gt; & gt; & gt; [Other / branch / name] . У цьому випадку це система перевірки .

 & lt; & lt; & lt; & lt; & lt; & lt; & lt; КЕРІВНИК
Цей рядок був виконаний під час роботи в галузі "User-Form".
=======
Цей рядок, навпаки, був скоєний під час роботи в галузі "Checkout-System".
& gt; & gt; & gt; & gt; & gt; & gt; REFS / HEADS / CHECKOUT-SYSTEM 

Зміст після першого маркера походить від поточної робочої гілки. Після кутових дужок, GIT говорить нам, з якою філія вийшла зміни. Лінія з ======= відокремлює дві конфліктні зміни.

Тепер ви можете просто відкрити файл у редакторі, шукати маркери конфлікту та зробити необхідні модифікації. Коли ви закінчите, файл повинен виглядати точно, як ви хочете, щоб він виглядав або, альтернативно, ви можете сказати git, що ви просто поїдете з однією з редагованих версій, що називається наш або їх .

 Git Checkout - Path / To / Conflict-File.HTML 

Існує також багато додатків інструментів злиття, які можуть допомогти з цим. Калейдоскоп - це чудовий для Mac.

Управління проектами та видачею

Version control: Issues and problems

Не плутайте проблеми з проблемами: ви також можете використовувати емісію маркування для вдосконалень, питань та помилок

Це так само важливо, як розробник керівництва, щоб керувати інструментом управління проектами, щоб керувати такими завданнями, як завдання та помилки, особливо коли ваші розробники не є офісними. Існує численні рішення, такі як Zenhub та Asuna, але я вважаю, що вбудована система проекту Gitteub є найкращим.

Ви можете робити такі речі, як створити новий проект, створювати дошки або призначити питання. І не просто плутають проблеми з проблемами: ви також можете використовувати його для вдосконалень, питань та помилок, серед іншого.

Ось кілька найкращих функцій:

  • Вбудована система міток: Дозволяє організувати та визначити пріоритети вашого робочого процесу та легко шукати проекти за відповідну інформацію.
  • Віхи: Ідеально підходить для асоційованих питань з конкретними функціями або фазами проекту, наприклад, помилки, які необхідно зафіксувати перед бета-запуском або завданням завершення у жовтні.
  • Multi Revilments: Проблеми можуть бути призначені для користувачів оптом, економію часу та зробити вас більш ефективним.
  • Коментуючи: Інженери та керівні команди можуть легко обговорити прогрес та результати на кожному кроці, використовуючи вбудовану систему коментарів.
  • Задачі списки: Більші питання можуть бути розбиті на етапи, щоб перешкоджати створенню десятків мікроскопічних питань, зберігаючи всю вашу роботу в тому ж місці.
  • Формат маркування: Можливість використання форматування маркування буде довести популярність у ваших розробників, і його можна використовувати в більшості місць навколо GitHub.
  • Платці проекту: Вони можуть бути використані для домашніх проблем, витягнути запити та нотатки, класифікуючи їх як картки у стовпцях вашого вибору, щоб ви могли подивитися на більші проекти в цілому.
  • Висока безпека: Ви можете довіряти Github зберегти безпеку даних, і це важче порушити, ніж більшість інших систем управління проектами.

Створення проекту

Якщо ви йдете до Github, а потім подивитися на одну з ваших сховищ, ви побачите вкладку, яка називається проектами. Звідти ви можете вибрати новий проект, налаштувати деталі проекту та створити новий шаблон проекту.

Якщо ви зараз виберете вкладку «Питання», що уздовж вершини та виберіть Новий випуск, ви зможете створити нову проблему. Потім ви можете застосувати різні етикетки - це такі речі, як помилка, вдосконалення, питання та дублікат. Ви також можете використовувати вдосконалення нової функції або запиту. Потім ви можете призначити різні члени команди до завдання, віхою, а також проекту, який ви тільки що створили.

Після цього учасники будуть мати список усіх своїх завдань, і ви навіть можете використовувати раду проекту, щоб стежити за те, що в даний час будується. Якщо ви пам'ятаєте наш попередній навчальний посібник, ми говорили про переміщення квитків до спринтного відставання та перевірки. Таким чином, Github працює дуже добре, як інструмент "все-в-одному" для нагляду за проектом.

Ця стаття була опублікована у випуску 311 сітка , журнал найкращого у світі для веб-дизайнерів та розробників. Купити проблему 311 тут або Підписатися тут .

Пов'язані статті:

  • Як досягти успіху як фріланс
  • Розробити багаторазові компоненти реагування
  • 4 поради для розробки ваших навичок розробника

Як - Найпопулярніші статті

Як зробити фото колаж у Photoshop CC

Як Jan 23, 2026

Навчаючись, як зробити фотоколлат у Photoshop, буде зручно в багатьох різних ситуаціях. Індивідуальні фотогр..


Як вирішити складний дизайн короткий

Як Jan 23, 2026

[Зображення: Studio Jack Renwick] Якщо хтось знає, як обробляти складні ко..


Як малювати замок за допомогою SketchUp

Як Jan 23, 2026

Є діапазон Художня техніка Це може допомогти з вашим цифровим ..


Як оволодіти анатомією істоти

Як Jan 23, 2026

Коли справа доходить до Малювання вірогідних істот , потрібно ..


Як скульптувати характер у ВР

Як Jan 23, 2026

Page 1 з 2: Сторінка 1 Сторінка 1 ..


Як створити барвисті світи, які розповідають історію

Як Jan 23, 2026

Уявні сцени, які залишають вас з почуттям дива, ви хочете дізнатися біл..


Перетворіть свої 2D-конструкції в 3D з проектом Felix

Як Jan 23, 2026

Нещодавній попередній випуск нової Adobe Felix 3D пакет робить це чудовим часом, щоб взяти стрибок від..


Документуйте свої системи дизайну з фракталом

Як Jan 23, 2026

Ви любите дізнатись більше про проектні системи? Тоді не пропустіть..


Категорії