{"id":53898,"date":"2023-07-10T12:09:56","date_gmt":"2023-07-10T10:09:56","guid":{"rendered":"https:\/\/kinsta.com\/nl\/?p=53898&preview=true&preview_id=53898"},"modified":"2023-07-17T10:38:33","modified_gmt":"2023-07-17T08:38:33","slug":"zo-push-je-code-naar-github","status":"publish","type":"post","link":"https:\/\/kinsta.com\/nl\/blog\/zo-push-je-code-naar-github\/","title":{"rendered":"Zo push je code naar GitHub: Stap voor stap"},"content":{"rendered":"

Het implementeren van versiebeheer zou een eenvoudige onderneming zijn als je alleen zou werken met een lokale repo. Dit is echter niet het geval bij veel professionele projecten. In plaats daarvan zal een team zijn resources bundelen in een remote repo met behulp van een host zoals GitHub<\/a>. Daarom is het belangrijk om te leren hoe je naar GitHub pusht, omdat het iets is dat je zult moeten doen als onderdeel van je werkproces.<\/p>\n

Dit artikel laat je zien hoe je naar GitHub pusht met behulp van de command-line. Ook kijken we naar speciale apps om het proces soepeler te laten verlopen. Aan het einde van het artikel bespreken we waarom je pull requests zou moeten leren en hoe ze samenhangen met het pushen van code. Laten we eerst eens kijken hoe je GitHub gebruikt voor je projecten.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Hoe een developer of programmeur GitHub gebruikt<\/h2>\n

GitHub is om een aantal redenen een essentieel hulpmiddel<\/a> voor developers en programmeurs van over de hele wereld. Je kunt er je code op een centrale locatie opslaan, waardoor het eenvoudig toegankelijk is en je beter kunt samenwerken met andere developers.<\/p>\n

\"Het
Het logo van GitHub.<\/figcaption><\/figure>\n

Je kunt ook wijzigingen in je code bijhouden en teruggaan naar vorige versies als dat nodig is. Daarnaast biedt GitHub tools om problemen en bugs te beheren, waardoor het eenvoudiger wordt om je codebase te onderhouden.<\/p>\n

Samenwerking is een van de belangrijkste redenen om GitHub te gebruiken als je versiebeheersysteem (VCS)<\/a> voor teams op afstand. Hiermee kun je code delen, wijzigingen bijhouden en samenwerken aan problemen zonder veel gedoe. Dit kan de effici\u00ebntie ten goede komen en ook leiden tot een betere kwaliteit van de code.<\/p>\n

GitHub geeft je ook een pijnloze manier om meerdere versies van een codebase te beheren, wijzigingen bij te houden en ze terug te draaien als dat nodig is. Grote projecten en open-source samenwerkingsverbanden zijn slechts twee manieren waarop GitHub zijn waarde kan laten zien.<\/p>\n

Zelfs voor eenvoudige gebruikssituaties kan GitHub ideaal zijn. Je kunt bijvoorbeeld code opslaan voor je webontwikkelingsproject<\/a> en op afstand updates pushen als je wijzigingen aanbrengt. Ook continue integratie\/continue deployment (CI\/CD) projecten zullen profiteren van automatisering in de vorm van GitHub Actions<\/a> tijdens bouwfasen.<\/p>\n

\"Een
Een voorbeeld van hoe GitHub Actions in een workflow passen.<\/figcaption><\/figure>\n

Over het geheel genomen biedt GitHub – en andere remote VCS hosts zoals GitLab<\/a> – een platform voor samenwerking, versiebeheer en andere ontwikkelworkflows. Het kan helpen om het ontwikkelproces te stroomlijnen en de kwaliteit van de code te verbeteren. Als zodanig zul je willen leren hoe je naar GitHub pusht, omdat deze kennis je bijna elke dag ten goede zal komen.<\/p>\n

Zo push je naar GitHub vanaf de Terminal (command-line)<\/h2>\n

De rest van dit artikel zal je laten zien hoe je naar GitHub pusht. Het is een proces dat eenvoudig te begrijpen en uit te voeren is.<\/p>\n

Je moet er echter wel voor zorgen dat je je project van tevoren instelt, anders zul je fouten tegenkomen. In ons eerste gedeelte kijken we naar welke tools en vaardigheden je nodig hebt, om vervolgens het proces zelf in detail te bekijken.<\/p>\n

Wat je nodig hebt om naar GitHub te pushen<\/h3>\n

Het is belangrijk om ervoor te zorgen dat je je project zo instelt dat het het gebruik van een remote repo ondersteunt en het pushen in je workflow integreert. Als zodanig heb je allereerst een Git repository<\/a> nodig – een ‘repo’ om je code in op te slaan. Beschouw dit als een map die de bestanden bevat die bij je project horen.<\/p>\n

Het hele versiebeheerproces begint in een lokale omgeving op je computer. De exacte stappen om dit te doen volgen later, maar misschien heb je deze kennis al (of weet je waar je erbij kunt)<\/p>\n

Je hebt ook een GitHub account nodig. Je kunt ook ook een andere online VCS host gebruiken, zoals GitLab<\/a>, BitBucket<\/a>, Buddy<\/a> en meer. De instructies die we je hier geven zullen voor het grootste deel ook op andere platforms werken. Het vergelijken van deze hosts valt echter buiten het bereik van dit artikel.<\/p>\n

Om je code naar GitHub te pushen, kun je de command-line (opdrachtregel) of een grafische gebruikersinterface (GUI) gebruiken. Het grootste deel van ons artikel zal gaan over de command-line workflow, maar er is ook een sectie over het gebruik van een GUI, omdat sommige onverminderd populair zijn. Merk echter op dat elke GUI zijn eigen proces kan hebben om naar GitHub te pushen, wat betekent dat wellicht jouw stappen er wat anders uitzien als je een andere GUI hebt.<\/p>\n

Zorg er tot slot voor dat je de juiste toegang tot je repo hebt. De documentatie van GitHub<\/a> is uitgebreid, en je zou moeten kijken naar HTTPS toegangstokens of Secure Shell (SSH) toegang<\/a>. Zonder dit kun je niet aan de slag!<\/p>\n

1. Maak een GitHub repository aan<\/h3>\n

De eerste stap is het maken van een nieuwe online repo binnen GitHub. Hoewel je dit vanaf de opdrachtregel kunt doen, is het net zo eenvoudig om het met een webbrowser te doen.<\/p>\n

Zodra je inlogt of je aanmeldt bij GitHub, ga dan naar de rechterbovenhoek van het scherm en zoek naar een Plus<\/strong> uitklapmenu naast je profiel avatar. Als je dit opent, laat het je een paar opties zien, waaronder New repository<\/strong>:<\/p>\n

\"Een
Kiezen om een nieuwe repository in GitHub aan te maken.<\/figcaption><\/figure>\n

Als je hierop klikt, kom je op de pagina Create a new repository<\/strong>. Dit laat je een aantal instellingen zien om je remote repo in te stellen:<\/p>\n

\"Het
Een nieuwe repository aanmaken in GitHub.<\/figcaption><\/figure>\n

De opties die je hier instelt zullen uniek zijn voor de behoeften van jouw project. Maar als je al een lokale repo hebt om naar GitHub te pushen, zouden we zo weinig mogelijk aanvinken om te zorgen dat lokaal en remote zoveel mogelijk in sync zijn.<\/p>\n

Vanaf hier klik je op de Create repository<\/strong> knop, en GitHub zal de dingen onder de motorkap instellen. Nu kom je op de repo startpagina met instructies over hoe je een nieuwe lokale repo instelt die linkt naar de remote repo met behulp van de opdrachtregel. Het pad dat je volgt hangt af van of je nog geen repo hebt of de inhoud van een bestaand project wilt klonen.<\/p>\n

Als je Git al ge\u00efnitialiseerd hebt en je lokale repo al gevuld, dan hoef je niets uit te voeren vanaf stap twee. In plaats daarvan kun je meteen door naar de derde stap, waar we kijken naar het pushen van code naar GitHub vanuit je lokale repo.<\/p>\n

2a. Kloon je remote Git repo<\/h3>\n

Als je nog geen lokale repo hebt, zal de GitHub versie de enige zijn. De beste manier om beide locaties te synchroniseren is door het git clone commando op je computer te gebruiken. Je hebt echter wel de URL voor je repo nodig.<\/p>\n

Om deze te krijgen, ga je naar de repo binnen GitHub, en zoek je naar de groene Code<\/strong> uitklapoptie boven je lijst met bestanden:<\/p>\n

\"Een
Het Code uitklapmenu openen in GitHub.<\/figcaption><\/figure>\n

Als je hem niet ziet, komt dat waarschijnlijk omdat je nog geen gevulde repo hebt. Let op dat je de URL van de repo kunt kopi\u00ebren uit het blauwe Quick Setup vak bovenaan het scherm. Schakel simpelweg over naar HTTPS met de knoppen en kopieer de URL.<\/p>\n

\"A
De Quick setup opties gebruiken om een repo URL adres in GitHub te kopi\u00ebren.<\/figcaption><\/figure>\n

We geven echter de voorkeur aan het genereren van een .gitignore<\/strong> bestand, omdat je dit sowieso nodig hebt. Je kunt gitignore.io<\/a> gebruiken om te zoeken naar de tools die je gebruikt en van daaruit een compleet .gitignore<\/strong> bestand genereren om te uploaden naar de repo:<\/p>\n

\"Toptal's
De gitignore.io website.<\/figcaption><\/figure>\n

Hoe dan ook, zodra je het Code<\/strong> uitklapmenu kunt openen, zal het URL’s voor je repo tonen. Er zullen opties zijn voor HTTPS, Secure Shell (SSH,) en andere. De meest voor de hand liggende aanpak is echter om de HTTPS URL te gebruiken. Je kunt op het kleine pictogram Copy <\/b>naast de URL in kwestie klikken om deze naar je klembord te kopi\u00ebren.<\/p>\n

Ga vervolgens terug naar je Terminal of opdrachtregel en voer het volgende uit:<\/p>\n

git clone <full-github-url><\/code><\/pre>\n
Zodra je het commando uitvoert, zal Git de remote repo naar je lokale omgeving kopi\u00ebren.<\/p>\n
2b. Initialiseer Git in je lokale projectmap<\/h3>\n
Voor situaties waarin je nog geen lokale versie van je remote repo hebt, moet je er een initialiseren. Het meeste werk dat je doet zal lokaal zijn, met het op gezette tijden pushen van de wijzigingen naar de remote server. Dit zijn de stappen:<\/p>\n