Inloggen
Aan de slag

Easy Digital Downloads Blog

WordPress-tutorials, tips en bronnen om uw bedrijf te helpen groeien

Illustratie: Git Logo en branches

Hoe te werken met Git of GitHub voor Digitale Producten

Laatst bijgewerkt:

auteur afbeelding
Door Joe Wells
recensent afbeelding
BEOORDEELD Door Chris Klosowski President

Gebruikt u Git of GitHub om uw digitale producten te beheren? Als u dat niet doet, zou u het sterk moeten overwegen.

Git en GitHub zijn essentieel voor het succes van veel van de snelst groeiende software- en digitale productbedrijven van vandaag.

In dit artikel geven we u een snelle crashcursus in wat Git en GitHub zijn. We laten u ook zien hoe ze u kunnen helpen uw bedrijf te laten groeien.

Laten we aan de slag gaan:


Wat is Git?

Git Logo

Git is een versiebeheersysteem uitgevonden door Linus Torvalds en Junio C Hamano. Linus is ook de belangrijkste uitvinder/ontwikkelaar van Linux! 🙇

Kanttekening: Linux is het open-source besturingssysteem dat 95%+ van alle webservvers (inclusief de onze) en miljoenen computers die worden gebruikt door ontwikkelaars, knutselaars en bouwers over de hele wereld, draait. Dus Linus is een coole kerel.

Git volgt elke kleine wijziging binnen een set bestanden.

Het volgen van wijzigingen helpt teams samen te werken aan het bouwen van digitale producten en software. Het stelt teamleden van over de hele wereld in staat om samen te werken. Git stelt deze teams in staat om niet over elkaars wijzigingen heen te schrijven en dingen te breken.

Hier is een handige lijst met termen en definities om u te helpen de wijde wereld van git en versiebeheer te begrijpen.

Git Termen en Definities

🤔 Git Termen🤓 Definities Krijgen
VCSEen versiebeheersysteem
GitHet versiebeheersysteem dat binnen verschillende besturingssystemen kan draaien, gemaakt in 2005
Subversion (SVN)Een apart, ouder versiebeheersysteem beheerd door de Apache Software Foundation, gestart in 2000
GitHubEen winstgevend bedrijf dat een git-hostingservice op het web aanbiedt. Andere vergelijkbare services zijn BitBucket en GitLab
Repository / RepoEen verzameling bestanden die wordt ingesteld en vervolgens worden de wijzigingen gevolgd. Ook wel een codebase genoemd. Een WordPress-pluginrepo zou bijvoorbeeld de PHP-, Javascript-, CSS- en HTML-broncodebestanden bevatten die de plugin vormen, allemaal gevolgd.
ReadmeEen document dat u kunt opnemen in een github-repository, meestal (readme.md) dat uitlegt wat de repo is, of hoe het digitale product erin te gebruiken
MD / MarkdownA format for writing text with minimal code or markup characters used for making styled text files in a repo. For example; to italicize a word in markdown you would add underscores before and after it like this ‘_italic_’.
Branch Making another copy of the digital product of software to try new things out (fixes or new functionality). You can later merge the branch back into the original/master branch with a pull request.
Commit When you make a change and save it to a branch.
Fork When you split off a copy of a digital product or software to make a complete new one. Think of it as a permanent branch cut off the tree to grow a new one. I know the tree analogy only goes so far.
Pull request When someone makes a contribution (change, improvement) on a branch and requests it be pulled into the main branch of a repository. When this is done, someone has to make sure it doesn’t break anything on the master branch. If approved it becomes part of the main branch.
Command line A text-only interface for running commands on your computer. Most of us use the GUI (see below). This is often called ‘Command Prompt’ on Windows or ‘Terminal’ on macOS.
GUI Graphical user interface, the visual Windows or macOS interface most of use use when working in our operating system. Different from the command line or terminal where you only work with text.
APIApplication Programming Interface, a standardized way for two computer programs/applications to ‘talk’ to one another

Command Line

Git is a command line tool. Command line is a way of working with your computer’s operating system without a graphical user interface (GUI). It’s not for the faint of heart or total newbie. You’ll have to do some reading to learn how to use it.

Schermafbeelding: git draait op command line

🤓 Click here to learn about git commands

When working with git on the command line, you have to type in little codes to do stuff. These codes are called git commands. You have to know the exact text to write, no typos.

🤓 Click here to learn how to install git with command line

If you don’t want to mess around with the command line, you’re in good company. There are lots of companies providing apps and services that make working with git easy. That’s where GitHub comes in.


Wat is GitHub?

GitHub Logo

GitHub is a company that provides a cloud-based git version control solution. By hosting collections of files (git repos) on a web server you can do tons of cool things.

  • Collaborate with anyone (or even the public)
  • Keep track of feature requests with issues, these provide a detailed history of the discussions and decisions that led to every change in the software
  • Project management; track bugs, ideas, future improvements in an organized way
Schermafbeelding: werken met GitHub issues
A GitHub Issue

Git ≠ GitHub

Git is an open-source version control framework.

GitHub is a software company and SaaS (software as a service). It was acquired by Microsoft in 2018. It uses the git VCS framework as the backbone of their product.

GitHub is de grootste op git gebaseerde softwareoplossing, maar er zijn veel andere die krachtig en populair zijn op zichzelf. Hier zijn enkele van de meest populaire op git gebaseerde online platforms/services:

Elk van deze git-hostingdiensten heeft gratis en betaalde prijsplannen.

Tenzij je een reden hebt om dat niet te doen, als je van plan bent met git te werken, wil je dat doen op een van deze hostingdiensten. Vervolgens kloon je git-repositories naar je computer en houd je je werk synchroon met de repositories die op internet zijn opgeslagen. 

Wanneer je met een repo op je computer werkt (je 'lokale' genoemd), kun je de command line gebruiken. Of elk van deze hostingdiensten heeft een desktop-app die je kunt gebruiken en die een GUI (grafische gebruikersinterface) heeft.


Waarom Git of GitHub gebruiken?

Grafiek: Waarom git of GitHub gebruiken?

Je gebruikt git, of waarschijnlijker een van de populaire en gebruiksvriendelijke online op git gebaseerde platforms (GitHub, BitBucket of GitLab) omdat ze je in staat stellen je digitale product of software te beheren zonder gek te worden. 🤪

Bij het ontwikkelen van een digitaal product of software helpt het echt om wijzigingen bij te houden. En het helpt om te weten wanneer en waarom je die wijzigingen hebt aangebracht. Anders, als er iets kapot gaat, of je voegt een nieuwe functie toe, heb je een puinhoop.

Je weet niet wat er is opgelost, wanneer het is opgelost, waarom, of hoe!

Is Git alleen voor software?

Nee. Git is geweldig voor softwareontwikkeling. Versiebeheer is daar zo belangrijk en zo'n tijdsbesparing. Maar je kunt het gebruiken voor alles waarvoor je wijzigingen wilt bijhouden. Mensen gebruiken het om wijzigingen in de inhoud van boeken bij te houden, of zelfs voor grafische ontwerpprojecten.


Je Digitale Product Zonder Git

Grafiek: Uw Digitale Product zonder Git

Eerst, hier is hoe het eruitziet als je geen gebruik maakt van een soort versiebeheersysteem.

Laten we doen alsof je een WordPress-plugin ontwikkelt. Je bewerkt een bestand genaamd 'user-fucntions.php'.

  • Wat gebeurt er als je dingen wilt veranderen?
  • Wat gebeurt er als je moet onthouden wat/waar/wanneer je iets hebt veranderd?

Het wordt heel snel lelijk. Vooral als je met een team werkt. En nog meer als dat team gedistribueerd is (op afstand, over de hele wereld). Kijk maar eens naar enkele 'oplossingen' die mensen nog steeds gebruiken of in het verleden gebruikten...

“Oplossing” Commentaar Schrijven

Je kunt proberen bij te houden wat je verandert, waarom, en wanneer door kleine opmerkingen in de code achter te laten. Alle codeformaten hebben een manier om tekst achter te laten die de computer/software negeert. Dit worden opmerkingen genoemd.

Dit werkt misschien voor één of twee kleine veranderingen. Maar het kan heel snel gek worden.

Schermafbeelding: cowboy coding - stapels commentaar
Dit alles voor 2 regels daadwerkelijke code

Kijk naar al die opmerkingen! Als je duizenden of tienduizenden regels code hebt. Het wordt een echte pijn om erachter te komen wat wat is. Het kan de bestanden ook enorm maken, en zelfs langzamer laden, waardoor de software of website langzamer of zelfs buggy wordt.

“Oplossing” Kopieën van Bestanden Maken

Je kunt proberen kopieën van het bestand te maken terwijl je bezig bent.

Opmerking / Pro Tip – Als je dit met PHP-bestanden doet, kan er onheil geschieden. De server kan proberen dubbele commando's uit te voeren vanuit de lelijke hoop rotzooi PHP-bestanden die je op je server hebt achtergelaten. Hernoem op zijn minst de bestandsextensie naar iets anders dan ‘.PHP’, zoals hier gedemonstreerd. Geloof me.

Stel je voor wat er gebeurt als je oude kopieën van bestanden begint te bewaren voor een project met tientallen of honderden bestanden. Het wordt een kolossale puinhoop. Je zult meer rotzooi-bestanden hebben dan echte actieve bestanden.

Schermafbeelding: cowboy coding - stapels bestanden
Deze stapel bestanden loopt niet goed af

Cowboy Coding 🤠

Wat ik zojuist hierboven heb beschreven, wordt vaak cowboy coding genoemd. Het betekent dat je dingen in eigen hand neemt en snel een probleem oplost onder druk. Dat is prima als het werkt. Maar meestal resulteert het ofwel in een grote puinhoop of een tijdelijke oplossing die later tot een uiteindelijke grote puinhoop leidt.

Je kunt zien hoe het vertrouwen op talloze opmerkingen of het verstoppen van je server of computer met oude hernoemde kopieën van bestanden tot een grote puinhoop zal leiden. Als je dit op enige schaal doet, of met anderen samenwerkt, is het gewoon tijdverspilling.

Het zal je vertragen. Het zal tot fouten leiden. Het zal je vermogen om goede producten voor je klanten te maken belemmeren.

DevOps 👍

In plaats van cowboy coding te doen, streven slimme ondernemers en digitale producteigenaren ernaar om een soepele workflow op te bouwen. Een andere manier om dat te zeggen is om soepele development operations (of DevOps) te gebruiken. Devops is een nieuwere term die het proces beschrijft van het bouwen van digitale producten in een efficiënte workflow.

Het doel is om het sneller en soepeler maken van het uitbrengen van verbeteringen in functionaliteit.

DevOps
Software development+ Informatiesysteem operaties

Uw Digitale Product Met Git

Grafisch: Uw digitale product met Git


Nu laten we je zien hoe krachtig git is, in onze voorbeelden hieronder gebruiken we een GitHub-account.

Op GitHub kun je je software bouwen en samenwerken met mensen over de hele wereld (gedistribueerde teams). Je kunt zelfs in het openbaar bouwen! Dit is wat open source software is, het is software die in het openbaar is gebouwd.

Iedereen kan kijken. Iedereen kan bijdragen. Dat leidt tot snelle innovatie en verbetering.

Wil je bewijs dat het werkt? WordPress is een open source project. Duizenden, zo niet tienduizenden mensen hebben eraan bijgedragen. Het drijft nu 43% van het internet aan! 🤯

Voorbeeld Repo

Easy Digital Downloads wordt in het openbaar gebouwd op GitHub. Bekijk onze repo hier.

EDD is een groot ingewikkeld digitaal product. Dus voor een toegankelijker voorbeeld, laten we dit voorbeeld repo gebruiken dat ik zojuist heb opgezet.

Dit voorbeeld digitaal product dat hier te koop staat, is een eenvoudig vectorafbeelding (SVG) bestand. Het is een blauwe cirkel. Doe alsof het een afbeelding is die iemand daadwerkelijk zou kopen.

Om mee te volgen, bekijk de voorbeeld repo, of maak je eigen.

Om je eigen te maken, maak een gratis GitHub-account aan en klik vervolgens in het bovenste menu op de + knop en dan op New Repository.

Schermafbeelding: Nieuwe GitHub-repository toevoegen

🔍 Klik hier om onze voorbeeld repo te bekijken

Using the power of git, hosted on GitHub we can keep track of every little thing we’ve changed to the software over the entire life of the product. Here’s our little sample repo.

Schermafbeelding: EDD Voorbeeld 1 GitHub Repo

Look here how we changed the stroke width of the circle’s outline from 41.67 pixels to 20 pixels.

Schermafbeelding: Voorbeeld commit in voorbeeld repo

The Benefits of Git

Now, every change or improvement we ever make to this digital product will be tracked. We know what, when, how, why each change was made.

This digital product’s source code is being developed in public. Anyone can contribute. You can also make a GitHub repo private and only allow collaborators you want to work on it.

You can use GitHub issues to have discussions on all changes and possible changes. GitHub issues let you refer and link to code files, or individual commits to enable detailed communication.

Schermafbeelding: werken met GitHub issues

This git workflow is way better and more efficient than cowboy coding. Imagine this when it scales to a larger project.

This beats adding tons of comments to individual code files. That just leads to a mess and future problems. This is better and less error-prone than having stacks of old copies of files laying around making everything messy or even posing a security risk.

🔑 Git and GitHub (or BitBucket or GitLab) are crucial to building successful digital products. Especially software.

Git allows good project management and simplified devops. You are able to:

  • Increase efficiency of your workflow
  • Work with distributed/remote teams
  • Work at different times, in different time zones
  • Provide transparency
  • Build trust
  • Avoid costly mistakes

How to Use Git When Selling Digital Products

Grafisch: Hoe te werken met git of GitHub bij het verkopen van digitale producten

If you want to sell software or digital products you should use WordPress and Easy Digital Downloads (EDD).

WordPress + Easy Digital Downloads Logo's

WordPress is the most popular and powerful website builder. It can grow and adapt to do anything you need it to.

EDD is the best way to sell digital products. It’s trusted by more than 50,000 businesses to do just that.

You can get started with EDD for free. The free-forever version of Easy Digital Downloads includes:

  • Volledige controle over de prijzen
  • Winkelwagen
  • Flexibele afrekenopties
  • Kortingscodes
  • Klantbeheer (basale CRM)
  • eCommerce-rapporten
  • Stripe en/of PayPal-integratie
  • White label (volledige controle over branding)

What are you waiting for ⁉️

Connecting Your Digital Products to Git

EDD is free to use. However, to get the most out of EDD and Git you’ll want to purchase an All Access pass to get access to our Git Download Updater and Software Licensing extensions.

Install EDD, Software Licensing, and Git Download Updater

When EDD is installed on your site, you’ll have a new menu item on the left side of your WordPress dashboard called Downloads.

Screenshot: nieuw menu-item Downloads

Next, install Software Licensing and Git Download Updater. Click here to learn how to install plugins once you have the All Access pass here.

Git Connection Settings

With those plugins installed we’ll show you what it looks like to connect your store to GitHub.

On your WordPress dashboard go to Downloads > Settings > Extensions > Git Download Updater.

Je ziet een instellingenscherm met instructies over hoe je verbinding maakt met GitHub.

Schermafbeelding: EDD-instellingen voor Git Download Updater

Klik op de link ‘Maak een applicatie aan’ in het eerste opsommingsteken onder GitHub Updater.

Zorg ervoor dat je bent ingelogd op je GitHub-account. Je wordt naar GitHub geleid waar je een nieuwe OAuth-applicatie kunt registreren. Dat betekent gewoon dat je GitHub en EDD toestemming geeft om via een API met elkaar te praten.

Het ziet er als volgt uit:

Schermafbeelding: GitHub-instellingen registreren een nieuwe OAuth-app

Je geeft de OAuth-app een naam en beschrijving, en voert vervolgens de domeinnaam (URL) van je website in bij de instellingen voor Homepage URL en Authorization Callback URL.

Vergeet niet op Register Application te klikken als je aan die kant klaar bent.

Je hebt de OAuth-app (of machtigingen die zijn aangemaakt zodat EDD en GitHub kunnen samenwerken en communiceren).

Kopieer de Client ID die het je geeft en plak deze in de EDD Client ID-instellingen. Doe hetzelfde met de Client Secrets. Mogelijk moet je een nieuwe aanmaken door op ‘Genereer een nieuwe clientgeheim’ te klikken om een nieuwe code te maken.

Schermafbeelding: GitHub-instellingen verkrijgen client-ID en clientgeheimen

Nadat je de Client ID en Client Secrets hebt ingevoerd, klik je terug op de EDD-instellingenpagina op de knop Authorize With GitHub.

Schermafbeelding: EDD-instellingen voegen client-ID en clientgeheim toe

Er wordt een pagina geladen waar je autorisatie verleent.

Schermafbeelding: Machtig EDD en GitHub OAuth

Vervolgens bevestigt je EDD-instellingenpagina de verbinding. Bij succes staat er: ‘Verbonden met GitHub’. Vergeet niet op Wijzigingen opslaan te klikken.

Schermafbeelding: EDD-instellingen verbonden met GitHub

Nu ben je klaar om je digitale product te verkopen, aangedreven door EDD, Software Licensing en Git Download Updater.


Verkoop je Digitale Product met Git Integratie

Laten we doen alsof ik software verkoop, zoals een WordPress-plugin, op mijn website. Wat, trouwens, we elke dag doen. EDD beheert de EDD-website.

Met het onderstaande voorbeeld hebben we een WordPress-site met EDD, Software Licensing en Git Download Updater geïnstalleerd.

Eerst stellen we het product in (een Download genoemd bij gebruik van EDD). Klik hier voor een snelle handleiding voor het instellen van een product. We geven het product een naam en beschrijving.

Schermafbeelding: EDD Download/Product maken met Git/GitHub-integratie | Beschrijving toevoegen

We geven het een prijs.

Schermafbeelding: EDD Download/Product maken met Git/GitHub-integratie | Prijs toevoegen

Vervolgens schakelen we Software Licensing in. Scroll naar het gebied genaamd Licensing en vink het vakje aan met het label ‘Vink aan om licentiecreatie in te schakelen’. Stel het activeringslimiet, het versienummer en andere basisinstellingen in. Klik hier voor een handleiding voor het instellen van je product met softwarelicenties.

Schermafbeelding: EDD Download/Product maken met Git/GitHub-integratie | Licenties toevoegen

Tot slot koppelen we het product aan onze GitHub-repository. Scroll naar de sectie genaamd Download Files. Vink het vakje aan met het label ‘Download ophalen uit een git-repository’.

Vervolgens selecteren we onder File Downloads:

  • De Git Repository, in dit voorbeeld is het de voorbeeldrepo die we hebben gebruikt, genaamd EDD Sample 1.
  • We selecteren Version Tag v1.0.0
  • De File Name en Plugin Folder van het product dat de klant ontvangt, worden ingesteld door de GitHub-repo
  • Klik op de knop Fetch Now en wanneer deze succesvol verbinding maakt, staat er ‘✅ Fetched’
Schermafbeelding: EDD Download/Product maken met Git/GitHub-integratie | Koppelen aan GitHub-repo

Nu kunt u nieuwe releases van uw product implementeren met een GitHub getagde Release.

Het gebruik van EDD + Git of GitHub stelt u in staat om georganiseerd te werken met uw workflow. U werkt sneller en voorkomt fouten. Uw klanten krijgen betere digitale producten.


Conclusie

Dat is git voor nu. We zijn ervan overtuigd dat het gebruik van Git of GitHub om uw digitale producten te beheren u zal helpen uw bedrijf te runnen. Dat komt doordat betere en snellere samenwerking resulteert in verbeterde producten voor uw klanten!

U werkt sneller. En klanten krijgen sneller betere producten.

Bedankt voor het lezen!

We hebben veel bronnen voor digitale makers zoals u. Waar wilt u hierna meer over leren?

Volg ons zeker op Facebook en Twitter voor meer bronnen over het verkopen van digitale producten en WordPress.

Populaire Bronnen

Openbaarmaking: Onze inhoud wordt ondersteund door lezers. Dit betekent dat als u op sommige van onze links klikt, wij mogelijk een commissie verdienen. Zie hoe EDD wordt gefinancierd, waarom het ertoe doet en hoe u ons kunt steunen.

Ervaar Naadloze Verkoop met EDD

Beheer moeiteloos uw digitale winkel met krachtige tools en veilige transacties

Populair op EDD Nu!

Meer PayPal-betaalmethoden en PayPal Fastlane toevoegen in WordPress
Geef uw klanten meer manieren om te betalen met PayPal in WordPress
Easy Digital Downloads laat u nu meer PayPal-betaalmethoden aanbieden in WordPress. Met één verbinding kunnen uw klanten betalen…
Hoe migreer je van een marktplaats naar je eigen WordPress-winkel
Hoe migreer je van een marktplaats naar je eigen WordPress-winkel
Marktplaatskosten blijven stijgen en platformregels blijven veranderen. Maar uw klanten hoeven niet van iemand anders te zijn. Hier is…

Begin vandaag nog met verkopen!

Sluit u aan bij meer dan 50.000 slimme winkel eigenaren, en begin met de eenvoudigste manier om digitale producten te verkopen met WordPress.