XAMPP staat voor Cross-platform (X), Apache (A), MySQL (M), PHP (P) en Perl (P). Het is een lichtgewicht applicatie wat het makkelijk maakt voor beginners (en professionals) om voor testdoeleinden lokaal een web server te draaien. XAMPP is cross-platform, wat betekend dat het eigenlijk op alle Operation systemen werkt. (Linux, Mac en Windows).
Wij bespreken hier de MAC versie. Al zal de Windows versie niet heel veel verschillen.
De 4 componenten van XAMPP.
1. Apache: Apache is het web server applicatie dat alle processen en web content levert op en naar je computer.
2. MySQL: Elke web applicatie heeft in feite een database nodig voor het opslaan van data. MySQL is het meest gebruikte en daarom populairste database management systeem. Grote en kleine websites, van de (WordPress) blog van je buurman tot de websites zoals Nu.nl.
3. PHP: PHP staat voor “Hypertext Preprocessor”. Of wel, een programmeer taal dat bijna overal op het internet wordt gebruikt. Websites zoals deze, maar ook websites zoals Facebook gebruiken PHP. Zeker in combinatie met MySQL is het een krachtige en bewezen combi!
4. PHPmyadmin: Sommige versies van XAMPP installeren additionele componenten zoals phpMyAdmin en OpenSSL. Hiermee zorgt XAMPP voor een zo compleet mogelijke virtuele webserver.
Hoe installeer ik XAMPP op een Mac?
- Om te beginnen download je de laatste versie van XAMPP op je Mac.
- Wanneer de Download klaar is, open je het DMG bestand.
- Dubbel klik op het XAMPP icoon om de installatie te starten.
- De XAMPP applicatie wordt nu geïnstalleerd in je programma map. Namelijk in: /Applications/XAMPP/
Dat is alles! Makkelijk zover.
Hoe zorg ik voor een werkende WordPress installatie via XAMPP?
- Zodra de XAMPP Applicatie is geïnstalleerd open je “Manager-osx” via Launchpad of gewoon via de programma map.
- Start de volgende services : ‘MySQL Database’ en ‘Apache Web Server’. Het starten kan enkele minuten duren.
- Open nu je internet browser, welke dat is maakt niet zoveel uit.
- Schrijf in de adresbalk : Localhost
- Je webbrowser zal je nu brengen naar : http://localhost/xampp/
- Nu gaan we ‘WordPress‘ installeren, download de laatste versie van ‘WordPress’ via WordPress.org.
- Je wordt nu naar een andere pagina gebracht, download daar de meest recente ‘WordPress’. Er is geen verschil tussen een Windows of Mac versie dus daar hoef je je niet druk om te maken.
- Als de download klaar is dan is het ZIP bestand waarschijnlijk al automatisch uitgepakt, is dat nog niet gebeurd doe dat dan zelf even.
- Je hebt nu een mapje op je computer staan genaamd “WordPress“. Dit mapje gaan we in de XAMPP map plaatsen. Verplaats of kopieer het gehele mapje “WordPress” naar de XAMPP/htdocs/ map in de programma directory.
- Als je deze stappen goed hebt doorlopen dan zou je nu je “WordPress” applicatie kunnen benaderen via de webbrowser. Probeer eens in je webbrower : Localhost/wordpress/
- Waarschijnlijk krijg je nu een melding over het missen van een wp-config.php bestand. Dat is goed. We gaan nu het wp-config.php bestand aanmaken.
Tot zover nog gelukt?
Database en WP-config.php aanmaken
- Schrijf in je webbrower zoals eerder gedaan, ‘localhost’.
- Je komt weer op de XAMPP pagina terecht.
- Links onderin het menu zie je staan ‘Tools‘ met daaronder ‘PHPmyAdmin‘. Druk op ‘PHPmyAdmin‘
- Een nieuw scherm wordt geopend. Hier zie je een hoop dingen, dus raak niet in paniek. Afhankelijk van welke taal er is gekozen, zul je bovenin het menu iets zien wat lijkt op “Databases” of “Databanken“. Druk daarop.
- Vervolgens gaan we een nieuwe database aanmaken. Vul hier een naam in, wat dit is maakt niet uit, zolang je het maar onthoudt want we hebben het later nodig.
- Kies bij collatie : UTF8_unicode_ci. En druk vervolgens op ‘Aanmaken‘.
- Sluit nu ‘PHPmyAdmin‘ af.
- Ga nu naar de map waar je in eerdere stappen de gedownloade ‘WordPress‘ map heen hebt gekopieerd. Als het goed is staat deze nog in je programma map : XAMPP/htdocs/wordpress/
- In de ‘WordPress‘ map vind je een bestand genaamd : wp-config-sample.php
- Hernoem dit bestand naar wp-config.php
- Open het bestand nu met een tekstbewerker zoals Textwrangler.
- Zoek deze regels in het bestand en vul daar je databasenaam, gebruikersnaam (standaard ‘root’) en maak de tekst bij het wachtwoord leeg. (Dan hou je alleen 2 quotejes over)
- Sla nu het bestand op.
- Als je de pagina ‘localhost/wordpress/’nog open hebt staan, ververs deze dan. Als je de pagina al had gesloten, open dan opnieuw je webbrowser en schrijf in adresbalk : localhost/wordpress/
- Nu hoor je te komen bij de installatie procedure van WordPress. Is dat niet het geval? Kijk dan nog even of je je databasenaam goed in het wp-config bestand hebt geschreven. Let hierbij ook op de quotes die je misschien hebt overschreven. Kijk dit ook na bij de gebruikersnaam en wachtwoord. Probeer het vervolgens opnieuw.
- Volg nu de installatie procedure van ‘WordPress‘.
- Na het succesvol installeren van ‘WordPress’ wordt je doorgestuurd naar deze pagina : http://localhost/wordpress/wp-login.php.
- Login met de door jou aangemaakt ‘WordPress‘ account en wachtwoord.
Gefeliciteerd! Je hebt nu lokaal ‘WordPress’ draaien!
Extra
Wanneer je WordPress op je webhosting installeert is het proces anders dan hier beschreven. Op je webhosting en dus op het internet moet in je wp-config bestand NOOIT je wachtwoord leeg laten. Lokaal is dat geen probleem. Geeft ook nooit de informatie uit dit bestand aan anderen. Op je webhosting is de map waarin dit bestand staat beveiligt en niet toegankelijk vanaf buitenaf.
35 Reacties
De KookschuurSandra
Beste Danny,
Ik ben nu ook aan het proberen om wordpress lokaal te laten draaien. De installatie van beiden programma’s is volgens mij goed gegaan. Ik kan wordpress openen.
Ik wil nu een thema toevoegen, maar als ik op installeren druk krijg ik een melding die vraagt om Verbindingsinformatie. Hierbij wordt gevraagd naar een Hostnaam, FTP Gebruikersnaam en FTP wachtwoord. Tevens kan ik de soort verbinding aanvinken. De keuze bestaat uit FTP en FTPS (SSL).
Wat moet ik hierbij allemaal invullen, want volgens mij heb ik echt alles al geprobeerd.
Groetjes Sandra
Danny
Hallo Sandra. Om een thema te installeren moet je eerst t thema downloaden en dan vervolgens in de map wp-content (/themas) plaatsen.
kaartenkalligrafie
Beste Danny,
Ik ben in staat mijn macbook door het raam te gooien ondertussen. Haha, gisteravond heb ik Xampp geïnstalleerd en ging alles goed. Echter bleek ik een ander programma nodig te hebben volgens een vriend en heb ik het programma weer gedeinstalleerd en verwijderd. Vandaag bleek het toch het juiste programma te zijn en heb ik het het programma opnieuw geïnstalleerd. Echter bij het opstarten van de servers (apache en MySQL) loop ik vast. Zodra ik op starten klik gebeurd er niets en blijft hij vervolgens ook op stopped staan, nadat hij een tijdje op running staat. Ik heb geen idee waarom, heb alles verwijderd van de vorige keer en ook mijn prullenbak is leeg. Alles is nu opnieuw geïnstalleerd, precies hetzelfde als gisteren en nu opeens doet hij het niet.
Heb jij enig idee wat er mis kan gaat of wat ik anders zou kunnen proberen?
Groetjes Saskia
Danny
Hallo Saskia,
Ik denk dat het aan een geblokkeerde port ligt. Ik heb dat ook eens gehad en t kan zijn dat een andere applicatie die op je mac staat die port blokkeert en ze daarom niet kunnen opstarten. Geloof dat poort 80 vrij moet zijn en anders even de port in xampp veranderen naar 81. Miss dat dat helpt, misschien niet. Het kan aan een heleboel dingen liggen waarom t niet start. Port-blokkade kan een probleem zijn. Het is moeilijk te zeggen zo. Misschien dat er iets op youtube te vinden is.
kaartenkalligrafie
Daar ben ik weer.. Ik heb mijn huidige website geïmporteerd in mijn lokale phpmyadmin. Ook heb ik in de map wp_options (ik had 2 van deze mappen, een wp3_1_options en een wp3_0_options, bij beide heb ik het gewijzigd) de site url en home gewijzigd in http://localhost/(mapnaam) , maar wanneer ik deze nu open in mijn webbrowser krijg ik te zien:
Toegang verboden!
U hebt niet de toestemming om toegang te krijgen tot de gevraagde map. Er is of wel geen index document of de map is beveiligd tegen lezen.
Indien u van oordeel bent dat deze server in fout is, gelieve de webmaster te contacteren.
Error 403
localhost
Apache/2.4.23 (Unix) OpenSSL/1.0.2j PHP/5.6.28 mod_perl/2.0.8-dev Perl/v5.16.3
Heb je enig idee waarom ik geen toegang heb?
Alvast bedankt!
Danny
Denk dat de map waar je Xampp in hebt staan niet de goede rechten hebben. (: alleen lezen waarschijnlijk. Even op lezen en schrijven zetten lost het waarschijnlijk wel op.
kaartenkalligrafie
Kun je mij vertellen hoe ik dat moet doen/kan zien? De map Xampp staat bij programma’s in mijn Finder.
Danny
Hier staat uitgewerkt hoe je de mappen de juiste rechten kan geven.
http://www.dannybood.nl/5280/mac-map-bevoegdheden-en-map-beveiliging-aanpassen/
kaartenkalligrafie
Ik stond als op lezen en schrijven, alleen bij iedereen stond lezen. Dit heb ik nu ook gewijzigd van alleen lezen naar lezen en schrijven, maar nu krijg ik de volgende melding als ik naar mijn localhost/(maanaam) ga:
Warning: Unknown: failed to open stream: Permission denied in Unknown on line 0
Fatal error: Unknown: Failed opening required ‘/Applications/XAMPP/xamppfiles/htdocs/kaartenkalligrafie.nl/index.php’ (include_path=’.:/Applications/XAMPP/xamppfiles/lib/php’) in Unknown on line 0
Sorry dat ik zoveel vragen stel, ik ben een leek wat dat betreft en heb ook niemand om me heen die me hiermee kan helpen… 🙁
Danny
Ik denk dat je thema niet t probleem is want in de index.php bestand gaat iets niet goed. Heb je de site gekopieerd van de live omgeving naar lokaal? Probeer eerst een leeg wordpres omgeving te starten, nw database etc en daarna je thema erin zetten. Werkt t dan wel?
kaartenkalligrafie
Ik heb inderdaad de FTP van mijn live omgeving naar lokaal gehaald. Dit omdat ik een eigen thema wil invoeren. Echter daar kom ik nog niet eens, want ik kan de site dus lokaal niet openen. Ik heb het eerder (paar dagen terug) geprobeerd om gewoon het programma van wordpress te downloaden en dan lukte http://localhost/wordpress wel gewoon. Ik was alleen bang dat ik dan als ik alles af had (wat bij mij nogal een tijdje duurt omdat ik dus een enorme leek ben, maar het wel leuk vind), ik dat niet op mijn site kan zetten zonder dat al mijn blogposts weg zullen zijn (of denk ik nu teveel en is het wel degelijk mogelijk het nieuwe thema dan samen te voegen met de bestaande content op mijn site?).
Danny
Daar zijn wel manieren voor maar in praktijk is het makkelijker om gewoon schaduw te draaien. Dus je hebt een lokale omgeving waar je dingen kunt proberen en een live omgeving op t web. Ik zou niet proberen om alles over te zetten want dat is complex nog.
Danny
Overigens zegt een thema alleen iets over hoe de site eruit ziet. Niets over de content. De content blijft bestaan als je van thema veranderd.
kaartenkalligrafie
Dus als ik het goed begrijp kan ik nu op een ‘lege’ wordpress site een nieuw thema ontwerpen en dit thema vervolgens importeren in mijn bestaande site, zonder dat ik al mijn content verlies? Dat zou top zijn!
Echter heb ik nu weer een volgend probleem.. Ik heb mijn database en de bijbehorende gebruikersaccount van mijn huidige site verwijderd in phpMyAdmin en nu kan ik opeens geen nieuwe database aanmaken. Waarschijnlijk heb ik nu dus een gebruikersaccount te veel verwijderd (ik heb het root account op de localhost ook verwijderd, waarschijnlijk dus heel dom). Kan ik dit herstellen?
Danny
Als ik jou was zou ik nog eventjes een avond verdiepen in WordPress en hoe t werkt 😉
Wat betreft phpmyadmin, ik denk dat weg is. Met databases heb je geen undo knop. (:
Danny
Misschien dat hier je antwoord tussenstaat http://stackoverflow.com/questions/4582504/xampp-apache-webserver-localhost-not-working-on-mac-os
kaartenkalligrafie
De Apache werk nu! Yeah! Dat is alvast deel 1, nu blijft alleen de MySQL nog steeds stoppen.. Daar nog tips voor? Ik heb op bovenstaande website al gekeken naar oplossingen voor MySQL, maar ik kom er niet uit.. 🙁
kaartenkalligrafie
Het is gelukt!
Danny
Mooi zo!
Suzanne Deelen
Bedankt Danny voor deze heldere uitleg! Overal staat hoe het moet op pc maar niet op mac. Na heel lang zoeken ben ik gelukkig bij jou terechtgekomen en is het meteen gelukt.
Danny
Ben blij dat dit je geholpen heeft! 🙂
kitty
Dank voor je heldere uitleg. Ik kom echter het volgende probleem tegen en kan de oplossing niet vinden: Uploaden van “belasting.jpg” is niet gelukt als gevolg van een fout
Kan map wp-content/uploads/2015/01 niet aanmaken. Is de bovenliggende map beschrijfbaar door de server?
Ik heb de map zelf aangemaakt en de images erin gezet, maar dat werkt niet. Weet jij een oplossing voor dit probleem?
Bij voorbaat dank.
Danny
Hallo Kitty, de foutmelding zegt het eigenlijk al, de map is niet beschrijfbaar. Waarschijnlijk helpt het al als je de map beveiliging van de bovenliggende map aanpast. Rechtermuis, Kies [toon info] dan zie je onderin map bevoegdheden. Waarschijnlijk staat daar nu ‘Alleen-lezen’. Dit moet je veranderen naar ‘Lezen en schrijven’. Helpt dat? http://www.dannybood.nl/5280/mac-map-bevoegdheden-en-map-beveiliging-aanpassen/
Kitty
Dank. Probleem opgelost. De gebruiker “admin” had alleen lees bevoegdheden.
Danny
Goed om te horen!
jacq
sorry, ik zie dat de vraag niet duidelijk is. Heb je ook een handleiding van hoe de locale website online gezet kan worden?
Danny
Nee die heb ik nog niet helaas. Misschien een idee voor de toekomst. 😉
jacq
overigens: heb je ook een uitleg over hoe de hele ge- upload kan worden?
Danny
Wat bedoel je precies?
jacq
Dank je wel Danny, ik heb meerdere handleidingen gelezen voor Xampp, maar met die van jou is het meteen gelukt
Danny
Goed om te horen jacq!
stateoftrends
ik heb alle stappen gevolg maar aan het einde waar ik bij de wordpress installatie procedure moet komen lukt niet alles staat goed in de tekst editor….?!?
stateoftrends
Er komt te staan waneer ik localhost/wordpress/ in type ” Fout bij maken van databaseconnectie”
Danny
Dan heb je waarschijnlijk een verkeerde database naam ingevuld in de wp-config file. Of wachtwoord of username is niet goed. Let ook op die veradelijke qoutejes
Danny
Is t nog gelukt?