Как начать работать с Git и Bitbucket

Как работать с 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 и попробуем разместить статический веб-сайт на бесплатном хостинге Bitbucket Pages с помощью репозитория Git.

Итак, первое с чего начнем — зарегистрируемся на сайте Bitbucket:

Bitbucket register page

Bitbucket является является конкурентом и аналогом более известного git-хостинга — GitHub. В отличие от GitHub, BitBucket позволяет совершенно бесплатно создавать как открытые, так и закрытые репозитории. Владельцы Bitbucket —  австралийская IT-компания Atlassin, которая прославилась своей системой управления проектами JIRA. И в Bitbucket есть возможность интегрировать эту систему для работы с проектами.

После регистрации в Bitbucket, вам потребуется указать имя учетной записи (workplaceID). Затем создать свой первый репозиторий. Так как у нас задача стоит не просто создать репозиторий, а еще научиться использовать Bitbucket в качестве хостинга для статических сайтов, поэтому имя репозитория указываем в виде субдомена: <workplaceID>.bitbucket.io. Подробно это описано в F.A.Q. Bitbucket>>

How create Bitbucket pages

Репозиторий создан. Переходим к следующему шагу — скачиваем и устанавливаем непосредственно саму программу Git, с помощью которой сможем управлять git-репозиториями:

GIT downloads

При установке оставляем почти все настройки по умолчанию, кроме некоторых: в качестве файлового редактора выбираем тот, что больше всего подходит — Vim, Nano, Visual Studio Code, Sublime Text или Notepad ++. В качестве терминала — выбираем не Windows, а Unix-подобный стиль командной строки (это значит, что в консоли 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 и Bitbucket

Теперь нужно синхронизировать все эти изменения с git-репозиторием Bitbucket. Идем в Git-консоль, переходим в локальную папку с сайтом с помощью команды — сd «имя_репозитория». В консоли появится дополнительная надпись — (master). Это значит, что вы сделали все правильно и теперь находитесь внутри репозитория, в мастер-ветке.

Выполняем стандартные команды для отправки файлов в git-репозиторий (запомните их):

git status // проверяем статус репозитория (есть изменения или нет)

GIT repositories

git add --all // применить все изменения

git commit -m "комментарий" // импортировать файлы в очередь на отправку

GIT repo

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

GIT push

Готово. Теперь проверим все ли было отправлено в Bitbucket. Переходим в свой репозиторий, смотрим раздел Commits — тут должны отобразится последние действия:

GIT commit

Если нажать по конкретному «коммиту» (версии) — откроется подробный log, где вам покажут какие файлы в этой версии были обновлены/удалены, какие строчки кода и в каких файлах изменены, и так далее:

How add commit in GIT

Итак, у нас все файлы сайта успешно перенесены в git-репозиторий на хостинг Bitbucket. Подождем пару минут, чтобы кэш обновился и открываем сайт по URL-адресу:

https://<workplaceID>.bitbucket.io

Изменения в git-репозиторий можно вносить и онлайн, прямо в веб-интерфейсе Bitbucket. Но не забудьте после этого синхронизировать их с вашей локальной папкой на вашем компьютере или сервере с помощью команды:

git pull // мерж удаленных изменений

Также с Bibucket’а вы можете с помощью SSH-консоли клонировать репозиторий на хостинг и развернуть там сайт, продолжив управлять изменениями с помощью Git по схеме: локальный репозиторий -> удаленный -> веб-хостинг.

Очень удобно работать с редактированием веб-кода в git-репозиториях с помощью IDE PHPStorm, как это делают профессиональные разработчики.

Таким образом мы разобрали основной принцип и алгоритм работы с Git:

  1. создали локальную папку (директорию) у себя на компьютере (сервере);
  2. скопировали в нее файлы, внесли в них любые изменения;
  3. с помощью Git-консоли подтвердили (git commit) все изменения;
  4. отправили (git push) их в созданный вами репозиторий на Bitcbucket (или Github).

Как видим, технология Git — простая, мощная и гибкая. По сравнению с FTP,  это более продвинутый уровень веб-разработки, который требует навыков работы с командной строкой Linux. кто-то сказал в сети: «Мальчик заливает по FTP,  мужчина поднимает Git» ;)

И что еще полезно, вы можете использовать Git не только в целях веб-разработки. Например, работайте локально с электронными таблицами, текстовыми файлами, вносите изменения, синхронизируйте с git-репозиторием и при необходимости возвращайтесь к разным версиям документов.

Полезные ссылки:

Оценка:
( 3 оценки, среднее 4 из 5 )
Подписка на KRASHENININ.TECH

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


Author
Виталий Крашенинин/ автор статьи
Digital-жрец блога Krasheninin.tech, публицист, исследователь веб-технологий. С 2011 года в IT. Сфокусирован на кибербезопасности, системном администрировании, создании сайтов и SEO. Подробнее>>
Не забудьте поделиться материалом в соцсетях:
KRASHENININ.TECH - блог о веб-технологиях, и не только
Подписаться
Уведомление о
guest
0 Комментарий
Встроенные отзывы
Просмотреть все комментарии
0
Есть мысли? Прокомментируй!x
()
x
Читайте ранее:
Midnight Commander
Midnight Commander: установка и настройка в Linux

Midnight Commander (MC, в переводе - «полуночный командир») - консольный двухпанельный файловый менеджер для Unix-подобных операционных систем с псевдографическим веб-интерфейсом...

Закрыть