НОВОЕ

Як почати працювати з GIT

Как работать с GIT

Git – це безкоштовна (GNU) кросплатформенна система контролю за версіями коду (SCM), розроблена Лінусом Торвальдсом. Являє собою набір утиліт командного рядка. Дозволяє працювати над проєктом цілій команді розробників, де кожна зміна додається у вигляді “коммітів” (commit – знімок змін). Це дозволяє відстежувати різні версії коду й при необхідності скасовувати зміни та повертатися до попередніх версій. Також є можливість створювати окремі гілки – так-звані “форки” (відхилення, модифікована копія проекту). Таким чином максимально знижуються ризики появи багів у веб-розробці, а також втрати даних. З’являється можливість вести історію веб-розробки, що є надзвичайно корисним. Git не єдина SCMсистема управління версіями коду. Крім неї існують такі популярні системи як: Mercurial, Subversion, Darks, Bazaar. Із застосуванням технології Git було розроблено чимало програмного забезпечення, і навіть операційні системи, зокрема: Linux, GNOME, KDE, Andoid, Libre Office, Wine, PostgreSQL, Ruby on Rails, Redux Framework.

Як почати працювати з GIT?

У цій статті ми поговоримо про те, як новачкові почати працювати з Git і найкраще це зробити, розмістивши власний статичний веб-сайт, наприклад, за допомогою популярних безкоштовних Git-хостингів: Bitbucket та GitHub. Я розгляну кожен з них окрема.

Bitbucket

Bitbucket – платформа, яка дозволяє абсолютно безкоштовно створювати як відкриті, так і закриті репозиторії на основі технології GIT. Власники Bitbucket – відома австралійська IT-компанія Atlassian, творці Trello та JIRA. Відповідно, у Bitbucket є можливість інтегруватись в згадані вище системи управління проєктами.

Щоб почати роботу, першим чином потрібно зареєструватись на офіційному сайті Bitbucket:

Bitbucket register page

Після реєстрації, необхідно задати ім’я облікового запису (workplaceID). Потім створити свій перший репозиторій. Через те, що у нас завдання стоїть не просто створити GIT-репозиторій, а ще й навчитися використовувати Bitbucket як хостинг для статичних сайтів, ім’я сховища вказуємо у вигляді субдомена: <workplaceID> .bitbucket.io. Детально це описано в керівництві F.A.Q. Bitbucket>>

How create Bitbucket pages

Репозиторій створений. Тепер потрібно завантажити та встановити на свою операційну систему GIT-клієнт –  програму для роботи з GIT-репозиторіями:

GIT downloads

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

  • Файловий редактор обираємо Nano, Sublime Text або Notepad ++
  • Тип командного рядка: обираємо не Windows (PoweShell), а Unix-подібний (Bash термінал). Це означає, що в консолі Git будуть діяти ті ж правила і команди, що й у терміналі Linux. Це корисно, адже якщо будете надалі працювати з GIT-системою, то неодмінно стикнетеся з необхідністю попрацювати в Linux).

Після встановлення, запускаємо програму Git:

GIT commnad line

Наступний крок – створюємо на комп’ютері локальну папку, куди будуть зберігатися усі ваші git-репозиторії (папки з сайтами). Назвемо її, наприклад, “git” і перейдемо в неї за допомогою терміналу Git. Щоб не друкувати вручну, можна методом drag’n’drop просто перетягнути папку в консоль. Тепер потрібно клонувати в неї створений раніше git-репозиторій з сервісу Bibucket. Для цього у сервісі Bitbucket переходимо в меню Repositories, знаходимо на лістингу свій репозиторій <workplaceID> .bitbucket.io та переходимо в нього:

Bitbucket repository

Знаходимо кнопку “Clone” й тиснемо по ній:

Work with Bitbucket repo

У новому вікні, котре з’явилося, копіюємо в буфер обміну команду для клонування репозиторія:

Clone repository Bitbucket

Вставляємо цю команду в консоль Git (знаходячись у створеній раніше папці “git”). Тиснемо Enter. Програма успішно клонує репозиторий в папку “git” – у ній з’явиться підпапка:

Bitbucket local

Переходимо в неї й копіюємо файли свого статичного сайту, до прикладу:

Як почати працювати з GIT

Тепер потрібно синхронізувати усі ці зміни з git-репозиторієм в сервісі Bitbucket. З допомогою команди: сd імя_репозиторія переходимо в Git-консоль, у свою локальну папку з сайтом.. В консолі з’явиться додатковий напис – (master). Це означає, що ви зробили все правильно і тепер перебуваєте всередині сховища, в майстер-гілці.

Далі виконуємо стандартні команди для відправки файлів зі своєї папки в git-репозиторій (запам’ятайте їх):

git status // перевіряємо статус сховища (є зміни чи ні)

GIT repositories

git add --all // прийняти усі зміни

git commit -m "комментарий" // вказати причину зміни або опис версії

GIT repo

git push // і нарешті відправити усе на репозиторій (мерж локальних змін)

GIT push

Готово. Тепер перейдемо в сервіс Bitbucket й перевіримо, чи дійсно були відправлені файли у GIT-репозиторій. Переходимо у свій репозиторій, нас цікавить розділ Commits – саме тут повинні відобразитися останні дії:

GIT commit

Якщо натиснути по конкретному “комміту” (версії) – відкриється окремий опис операції (log), де покажуть які файли у цій версії були оновлені, змінені чи видалені:

How add commit in GIT

Отже, усі файли сайту були успішно відправлені в git-репозиторій на хостинг Bitbucket. Зачекаємо кілька хвилин, щоби кеш системи оновився й перейдемо в інтернет-браузера за URL-адресою:

https://<workplaceID>.bitbucket.io

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

git pull // мерж віддалених змін (тобто, за межами локальної директорії)

З допомогою Bitbucket’а ви також можете з допомогою SSH-з’єднання клонувати cвій репозиторій на хостинг й розгорнути його, продовживши керувати змінами з допомогою Git за схемою: Локальний репозиторій -> Віддалений репозиторій -> Веб-хостинг. Це зручно при розробці великої кількості різних веб-сайтів, коли зміни потрібно документувати і контролювати. Як стверджують професійні веб-розробники, дуже зручно працювати з GIT в IDE PHPStorm – багатофункціональному середовищі написання веб-коду.

GitHub

Переходимо на офіційний веб-сайт GitHub. Тиснемо Sign Up – реєструємося і створюємо акаунт:

Реєстрація в GitHub

Далі система переспрямує вас на сторінку привітання “Welcome to GitHub”, де треба відповісти на питання, обравши варіанти відповіді. На питанні “What do you plan to use GitHub for?” обираємо “Create website with GitHub pages”:

Github pages

Підтверджуємо реєстрацію електронною поштою і приступаємо до створення Git-репозиторію:

Створення репозиторію в github

В полі Repository name вписуємо свій субдомен у форматі: mywebsite.github.io . Тут є один можливий нюанс. Субдомен вказуємо такий самий як і ваше ім’я профілю. Далі налаштовуємо як показано на скріншоті – не забуваємо включити Public і обов’язково Readme (він активує main branch вітку, що потрібно для відображення сайту саме у кореневій директорії):

Як почати працювати з GIT

Натискаємо Create repository і потрапляємо на сторінку новоствореного Git-сховища. Шукаємо пункт “Settings” й переходимо в налаштування:

Як почати працювати з GIT

В налаштування знаходимо вкладку GitHub Pages, перевіряємо опцію Branch – тут повинні бути виставлені параметри main та root:

Як почати працювати з GIT

Можете тепер перейти у браузері за URL-адресою: вашсайт.github.io й перевірити чи все гаразд – має відкритися стартова сторінка сайту по замовчуванню, поки що просто пуста. Якщо потрібно, у цій же вкладці Github Pages можна натиснути на кнопку “Choose a theme” та обрати вже готовий шаблон сайту:

Як почати працювати з GIT

 

Тепер постає питання: А як же перенести свій власний шаблон статичного сайту на GitHub?

Для цього запускаємо командний рядок Git Bash, який ми встановили раніше і прописуємо почергово наступне:

cd 'повний_шлях_до_директорії_з_сайтом_в_лапках' // таким чином ви перейдете у робочу директорію вашого сайту

git init // ініціалізуємо директорію як локальний git-репозиторій

git remote add origin https://github.com/git_profile/вашсайт.github.io // під’єднуємо віддалений репозиторій Github

git add --all // синхронізуємо зміни

git commit -m 'adding my files to my repository' // вносимо коментар

git push // відправляємо в GitHub

В разі повідомлення про помилку варто згенерувати SSH-ключі для доступу до свого GitHub акаунту.

Таким чином, закріпимо знання по роботі з GIT:

  1. Створити локальну папку (репозиторій) на своєму комп’ютері чи сервері
  2. Наповнили її файлами, внесли будь-які зміни
  3. З допомогою Git-консолі під’єдналися до свого локального репозиторію, прийняли усі зміни (git commit) та відправили їх (git push) в репозиторій на Bitcbucket.

Як бачимо, технологія Git – гнучка, проста, потужна і набагато надійніша, ніж, наприклад FTP.

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

Успіхів!

Корисні посилання

Оценка:
( 2 оцінки, середнє 3.5 з 5 )
Подписка на KRASHENININ.TECH

Получайте регулярные обновления на почту!


Виталий Крашенинин/ автор статті
Засновник блогу, публіцист, оглядач веб-технологій, ІТ-спеціаліст. Дослідник цифрового світу. Сфокусований на кібербезпеці, системному адміністрування та веб-розробці й SEO.
Не забудьте поделиться материалом в соцсетях:
Krasheninin.tech - блог про веб-технології, і не тільки
Подписаться
Уведомление о
guest
0 Комментарий
Встроенные отзывы
Просмотреть все комментарии
0
Есть мысли? Прокомментируй!x
()
x
Read previous post:
Midnight Commander
Midnight Commander – файловий мендежер для Linux

Midnight Commander - консольний двопанельний файловий менеджер для Unix-подібних операційних систем з псевдографічним веб-інтерфейсом типу ортодоксального "Norton Сommander". Розроблений мексиканським...

Close