Installeer en configureer XAMPP op Windows 10

Installeer en configureer XAMPP op Windows 10: (Install And Configure XAMPP on Windows 10: ) wanneer u een website in PHP codeert , hebt u iets nodig dat een PHP -ontwikkelomgeving kan bieden en kan helpen de backend met de frontend te verbinden. Er zijn veel software die u kunt gebruiken om uw website lokaal te testen, zoals XAMPP , MongoDB , enz. Nu heeft elke software zijn eigen voor- en nadelen, maar in deze handleiding zullen we specifiek praten over XAMPP voor Windows 10 . In dit artikel zullen we zien hoe men XAMPP op Windows 10 kan installeren en configureren .

XAMPP: XAMPP is een open source platformonafhankelijke webserver ontwikkeld door Apache - vrienden. Het is het beste voor webontwikkelaars die websites ontwikkelen met PHP , omdat het een gemakkelijke manier biedt om de benodigde componenten te installeren die nodig zijn om op PHP gebaseerde software zoals Wordpress , Drupal , enz . lokaal op Windows 10 te draaien. (Windows 10)XAMPP bespaart de tijd en frustratie van het handmatig installeren en configureren van Apache , MySQL , PHP en Perl op het apparaat om een ​​testomgeving te creëren. 

XAMPP installeren en configureren op Windows 10

Elk teken in woord XAMPP staat voor één programmeertaal die XAMPP helpt te installeren en configureren. 

X staat voor een ideografische letter die verwijst naar platformonafhankelijk
A staat voor Apache of Apache HTTP-server
M staat voor MariaDB, wat bekend stond als MySQL
P staat voor PHP
P staat voor Perl
(X stands as an ideographic letter which refers to cross-platform A stands for Apache or Apache HTTP server M stands for MariaDB which was known as MySQL P stands for PHP P stands for Perl)

XAMPP bevat ook andere modules zoals OpenSSL, phpMyAdmin, MediaWiki, Wordpress en meer(OpenSSL, phpMyAdmin, MediaWiki, Wordpress and more) . Er kunnen meerdere exemplaren van XAMPP op één computer bestaan ​​en u kunt XAMPP zelfs van de ene computer naar de andere kopiëren. XAMPP is beschikbaar in zowel de volledige als de standaardversie, de kleinere versie.

Installeer en configureer XAMPP op Windows 10(Install And Configure XAMPP on Windows 10)

Zorg ervoor dat u  een herstelpunt maakt(create a restore point)  voor het geval er iets misgaat.

XAMPP installeren op Windows 10(How to Install XAMPP on Windows 10)

Als u XAMPP(XAMPP) wilt gebruiken , moet u eerst XAMPP downloaden en installeren(Install XAMPP) op uw computers. Alleen u kunt het gebruiken. Volg de onderstaande stappen om XAMPP(Install XAMPP) op uw computers te downloaden en te installeren:

1. Download XAMPP van de officiële website van Apache-vrienden(Download XAMPP from official website Apache friends) of typ de onderstaande URL in uw webbrowser.

Download XAMPP van de officiële website Apache-vrienden

2.Kies de versie van PHP waarvoor je XAMPP wilt installeren en klik op de downloadknop(download button) ervoor. Als u geen versiebeperkingen heeft, download dan de oudste versie, omdat dit u kan helpen problemen met op PHP gebaseerde software te voorkomen.

Kies de versie van PHP waarop u XAMPP wilt installeren en klik op de downloadknop

3.Zodra u op de knop Downloaden(Download) klikt, begint XAMPP met downloaden.(XAMPP will start downloading.)

4.Wanneer het downloaden is voltooid, opent u het gedownloade bestand door erop te dubbelklikken.

5. Wanneer u vraagt ​​of deze app wijzigingen mag aanbrengen op uw pc( allow this app to make changes in your PC) , klikt u op de knop Ja( Yes) en start u het installatieproces(Installation) .

6. Hieronder verschijnt een waarschuwingsdialoogvenster. Klik op de OK-(Click on the OK) knop om verder te gaan.

Het waarschuwingsdialoogvenster verschijnt.  Klik op de OK-knop om door te gaan

7.Klik nogmaals op de knop Volgende.( Next button.)

Klik op de volgende knop |  Installeer en configureer XAMPP op Windows 10

8. U ziet een lijst met componenten die XAMPP mag installeren, zoals MySQL , Apache , Tomcat , Perl , phpMyAdmin, enz. Vink de vakjes aan bij de componenten die u wilt installeren(Check the boxes against the components you want to install) .

Opmerking:(Note: ) het wordt aanbevolen om de standaardopties aangevinkt te laten en op de knop Volgende(Next) te klikken.

Vink de vakjes aan bij de componenten (MySQL, Apache, etc.) die u wilt installeren.  Laat de standaardoptie staan ​​en klik op de knop Volgende

9.Voer de maplocatie in(folder location) waar u XAMPP-software wilt installeren(install XAMPP software) of blader door de locatie door op het kleine pictogram naast de adresbalk te klikken. Het wordt aanbevolen om de standaard locatie-instellingen te gebruiken om XAMPP -software te installeren.

Voer de maplocatie in om XAMPP-software te installeren door op het kleine pictogram naast de adresbalk te klikken

10.Klik op de knop Volgende(Next) .

11. Schakel(Uncheck) de optie  " Meer informatie over Bitnami voor XAMPP(Learn more about Bitnami for XAMPP) " uit en klik op Volgende.(Next.)

Opmerking:(Note:) als u meer wilt weten over Bitnami , kunt u de bovenstaande optie aangevinkt laten. Het opent een Bitnami- pagina in uw browser wanneer u op Volgende(Next) klikt .

Leer meer over Bitnami en blijf het controleren.  Open een Bitnami-pagina in de browser en klik vervolgens op Volgende

12.Het onderstaande dialoogvenster verschijnt met de mededeling dat de installatie nu klaar is om XAMPP op uw computer te installeren. Klik nogmaals(Again) op de knop Volgende (Next ) om door te gaan.

Setup is nu klaar om te beginnen met het installeren van XAMPP.  Klik opnieuw op de knop Volgende

13.Zodra u op Volgende(Next) klikt , ziet u dat  XAMPP is geïnstalleerd op Windows 10(XAMPP has begun installing on Windows 10)Wacht(Wait) tot het installatieproces(Installation) is voltooid.

Wacht tot het installatieproces is voltooid |  Installeer en configureer XAMPP op Windows 10

14. Nadat de installatie is voltooid, verschijnt er een dialoogvenster waarin wordt gevraagd om(14.After the installation is completed, a dialog box will appear which will ask to allow)  de app door de firewall te laten gaan . Klik(Click) op de knop Toegang toestaan(Allow Access) .

Nadat de installatie is voltooid, klikt u op de knop Toegang toestaan

15.Klik op de knop Voltooien(Finish button) om het proces te voltooien.

Opmerking:(Note:) als u de " Wilt u het Configuratiescherm nu starten? (Do you want to start the Control Panel now?)” optie aanvinken, dan wordt uw XAMPP -configuratiescherm automatisch geopend nadat u op Voltooien hebt geklikt, maar als u het hebt uitgeschakeld, moet u het (Finish)XAMPP -configuratiescherm handmatig openen.

optie aanvinken en nadat u op Voltooien hebt geklikt, wordt uw XAMPP-configuratiescherm geopend

16.Kies uw taal Engels of Duits(English or German) . Standaard is Engels(English) geselecteerd en klik op de knop Opslaan.(Save button.)

Standaard is Engels geselecteerd en klik op de knop Opslaan

17.Zodra het XAMPP-configuratiescherm(XAMPP Control Panel) is geopend, kunt u het gaan gebruiken om uw programma's te testen en kunt u beginnen met de configuratie van de webserveromgeving.

Het XAMPP-configuratiescherm zal uw programma starten en testen en kan beginnen met de configuratie van de webserveromgeving.

Opmerking:(Note:) het XAMPP- pictogram verschijnt in de taakbalk(Taskbar) wanneer XAMPP wordt uitgevoerd.

In de taakbalk verschijnt ook het XAMPP-pictogram.  Dubbelklik om het XAMPP-configuratiescherm te openen

18. Start nu enkele services zoals Apache, MySQL door op de Start-knop( Start button) te klikken die overeenkomt met de service zelf.

Start sommige services zoals Apache, MySQL door op de Start-knop te klikken die ermee overeenkomt

19.Zodra alle services met succes zijn gestart, opent u localhost door http://localhost in uw browser te typen.

20. Het zal u doorverwijzen naar het XAMPP -dashboard en de standaardpagina van de XAMPP wordt geopend.

Zal u doorverwijzen naar het dashboard van XAMPP en de standaardpagina van de XAMPP |  Installeer en configureer XAMPP op Windows 10

21.Klik op de XAMPP-standaardpagina op phpinfo in de menubalk om alle details en informatie van PHP te zien .

Klik op de XAMPP-standaardpagina op PHP-info in de menubalk om alle details te zien

22.Klik op de XAMPP-standaardpagina op phpMyAdmin   om de phpMyAdmin-console te zien.

Klik op de XAMPP-standaardpagina op phpMyAdmin om de phpMyAdmin-console te zien

XAMPP configureren op Windows 10(How to configure XAMPP on Windows 10)

Het XAMPP -configuratiescherm(Control Panel) bestaat uit verschillende secties en elke sectie heeft zijn eigen betekenis en gebruik. 

module

Onder Module vindt u een lijst met services die door de XAMPP worden geleverd en het is niet nodig om deze apart op uw pc te installeren. De volgende diensten worden aangeboden door XAMPP : Apache, MySQL, FileZilla, Mercury, Tomcat. 

Acties(Actions)

Onder het gedeelte Actie(Action) zijn de knoppen Start en Stop aanwezig. (Stop)U kunt elke service starten door op de Start-knop(Start button) te klikken .

1.Als u de MySQL-service wilt starten( start MySQL service) , klikt u op de knop Start die overeenkomt met de MySQL-module.

Kan elke service starten door op de Start-knop | . te klikken  Installeer en configureer XAMPP op Windows 10

2.Uw MySQL -service wordt gestart. De naam van de MySQL -module wordt groen en bevestigt dat MySQL is gestart.

Opmerking:(Note:) u kunt de status ook controleren in de onderstaande logboeken. 

Klik op de Stop-knop die overeenkomt met de MySQL-module

3.Als u wilt voorkomen dat MySQL wordt uitgevoerd, klikt u op de knop Stop(Stop button) die overeenkomt met de MySQL-module.

Als u wilt voorkomen dat MySQL wordt uitgevoerd, klikt u op de knop Stop |  Installeer en configureer XAMPP op Windows 10

4. Uw MySQL-service stopt met werken(MySQL service will stop running) en de status wordt gestopt, zoals u kunt zien in de onderstaande logboeken.

MySQL-service stopt met werken en de status wordt gestopt

Poort(en)(Port(s))

Wanneer u services zoals Apache of MySQL start door op de knop Start onder het actiegedeelte te klikken, ziet u een nummer onder het gedeelte Poort(Port) (en) dat overeenkomt met die specifieke service.

Deze nummers zijn TCP/IP port numbers  die elke service gebruikt wanneer ze actief zijn. Bijvoorbeeld: In de bovenstaande afbeelding gebruikt Apache TCP (Apache)TCP/IP Port Number 80 en 443 en MySQL gebruikt 3306 TCP/IP - poortnummer. Deze poortnummers worden beschouwd als hun standaardpoortnummers.

Start services zoals Apache of MySQL door op de startknop te klikken onder het actiegedeelte

PID('s) 

Wanneer u een service start die wordt aangeboden onder het gedeelte Module , ziet u enkele cijfers naast die specifieke service onder het PID-gedeelte( PID section) . Deze nummers zijn de proces-ID(process ID) voor die specifieke service. Elke service die op de computer wordt uitgevoerd, heeft een proces-ID.

Bijvoorbeeld: In de bovenstaande afbeelding zijn Apache en MySQL actief.  De proces-ID voor Apache is 13532 en 17700 en de proces-ID voor MySQL is 6064.( The process ID for Apache is 13532 and 17700 and process ID for MySQL is 6064.)

Service die op de computer wordt uitgevoerd, heeft een proces-ID |  Installeer en configureer XAMPP op Windows 10

beheerder (Admin )

Overeenkomstig de lopende services wordt de Admin- knop actief. Door erop te klikken krijgt u toegang tot het administratiedashboard(administration dashboard) van waaruit u kunt controleren of alles correct werkt of niet.

De onderstaande afbeelding toont een scherm dat wordt geopend nadat u op de Admin-knop hebt geklikt(Admin button) die overeenkomt met de MySQL-service.

Het scherm wordt geopend nadat u op de Admin-knop hebt geklikt die overeenkomt met de MySQL-service

Configuratie(Config)

Overeenkomstig elke service onder het gedeelte Module is de knop (Module)Config beschikbaar. Als u op de knop Config klikt, kunt u elk van de bovenstaande services eenvoudig configureren.

klik op de configuratieknop die over elke service kan configureren |  Installeer XAMPP op Windows 10

Helemaal rechts is nog een Config-knop(Config button) beschikbaar. Als u op deze Config - knop klikt, kunt u configureren  (configure )welke services automatisch moeten worden gestart(which services to automatically start) wanneer u XAMPP start . Er zijn ook enkele opties beschikbaar die u kunt aanpassen aan uw behoeften en vereisten.

Klik op de Config-knop uiterst rechts en de service start automatisch wanneer u XAMPP start

Door op de bovenstaande Config -knop te klikken, verschijnt het onderstaande dialoogvenster.

Als u op de knop Config klikt, verschijnt er een dialoogvenster |  Installeer en configureer XAMPP op Windows 10

1. Onder Autostart van modules kunt u de services of modules aanvinken die u automatisch wilt starten wanneer XAMPP wordt gestart.

2.Als u de taal van XAMPP wilt wijzigen , klikt u op de  knop Taal wijzigen(Change Language) .

3.U kunt ook de service- en poortinstellingen wijzigen.(modify Service and Port Settings.)

Bijvoorbeeld: als u de standaardpoort voor de Apache -server wilt wijzigen, volgt u de onderstaande stappen:

a.Klik op de knop Service- en poortinstellingen(Port Settings) .

Klik op Service- en poortinstellingen

b.Hieronder wordt het dialoogvenster Service-instellingen geopend.(Service Settings)

Dialoogvenster Service-instellingen wordt geopend |  Installeer en configureer XAMPP op Windows 10

c. Wijzig de Apache SSL-poort(Apache SSL Port) van 443 in een andere waarde zoals 4433.

Opmerking:(Note:) u moet het bovenstaande poortnummer ergens op een veilige plek noteren, aangezien dit in de toekomst nodig kan zijn.

d.Na het wijzigen van het poortnummer, klikt u op de knop Opslaan.( Save button.)

e.Klik nu op de knop Config(Config button) naast Apache onder het gedeelte Module in het XAMPP-configuratiescherm(XAMPP Control Panel) .

Klik op de configuratieknop naast Apache onder het gedeelte Module in het XAMPP-configuratiescherm

f.Klik op Apache (httpd-ssl.conf)  in het contextmenu.

Klik op Apache (httpd-ssl.conf) |  Installeer en configureer XAMPP op Windows 10

g.Zoek naar " Luister(Listen) " onder het tekstbestand dat zojuist is geopend en wijzig de poortwaarde waarnaar u eerder in stap c hebt genoteerd. Hier zal het 4433 zijn, maar in jouw geval zal het anders zijn. 

Zoek naar luisteren en wijzig de poortwaarde.  Hier is het 4433

h. Zoek ook naar <VirtualHost _default_:previous port number> . Wijzig het poortnummer in het nieuwe poortnummer. In dit geval ziet het eruit als <VirtualHost _default_:4433>

i.Sla de wijzigingen op.

4. Nadat u wijzigingen hebt aangebracht, klikt u op de knop Opslaan.(Save button.)

5.Als u de wijzigingen niet wilt opslaan, klikt u op de knop Afbreken( Abort button) en uw XAMPP keert terug naar de vorige staat.

Netstat

Helemaal rechts, onder de Config - knop, is de Netstat-knop(Netstat button) beschikbaar. Als u erop klikt, krijgt u een lijst met services of sockets die momenteel actief zijn en toegang hebben tot welk netwerk, hun proces-ID en TCP/IP - poortinformatie.

Klik op de Netstat-knop en geef een lijst met services of sockets die momenteel actief zijn en toegang hebben tot welk netwerk

Lijst zal worden verdeeld in drie delen:

  • Actieve stopcontacten/diensten
  • Nieuwe stopcontacten
  • Oude stopcontacten

Schelp(Shell)

Helemaal rechts, onder de Netstat- knop, is de Shell-knop(Shell button) beschikbaar. Als u op de Shell -knop klikt, wordt het shell-opdrachtregelhulpprogramma geopend waar u opdrachten kunt typen om toegang te krijgen tot de services, apps, mappen, enz.

Typ opdrachten in het shell-opdrachtregelhulpprogramma om toegang te krijgen tot de services, apps, mappen enz

Ontdekkingsreiziger(Explorer)

Onder de Shell- knop bevindt zich een Verkenner-(Explorer) knop, door erop te klikken kunt u de XAMPP- map openen in Verkenner(File Explorer) en kunt u alle beschikbare mappen van XAMPP zien .

Klik op de Verkenner-knop om de XAMPP-map te openen in Verkenner en bekijk de mappen van XAMPP

Diensten(Services)

Als u op de knop Services onder de knop Verkenner(Explorer) klikt, wordt het  dialoogvenster Services geopend, waarin u de details ziet van alle services die op uw computer worden uitgevoerd.(Services)

Kan details zien van alle services die op uw computer worden uitgevoerd Door op de knop Services te klikken

Helpen(Help)

Door op de Help - knop onder de Service- knop te klikken, kunt u alle hulp zoeken die u wilt door op de beschikbare links te klikken.

Klik op de Help-knop onder de Service-knop, u kunt hulp krijgen door op beschikbare links te klikken

Ontslag nemen(Quit)

Als u het XAMPP-configuratiescherm(XAMPP Control Panel) wilt verlaten , klikt u op de knop Afsluiten( Quit button) uiterst rechts onder de knop Help .

Log Sectie(Log Section)

Onderaan het XAMPP-configuratiescherm(XAMPP Control Panel) presenteert u een vak met logboeken waarin u kunt zien welke activiteiten momenteel worden uitgevoerd en met welke fouten de actieve services van XAMPP worden geconfronteerd . Het geeft u informatie over wat er gebeurt als u een service start of stopt. Het geeft u ook informatie over elke actie die plaatsvindt onder XAMPP . Dit is ook de eerste plaats om te kijken als er iets misgaat.

Onderaan het XAMPP-configuratiescherm kunt u zien wat de activiteiten zijn met XAMPP

Meestal zal je XAMPP perfect werken met de standaardinstellingen om een ​​testomgeving te creëren om de website die je hebt gemaakt uit te voeren. Soms moet u echter, afhankelijk van de beschikbaarheid van de poort of uw installatieconfiguratie, change the TCP/IP port van de actieve services wijzigen of het wachtwoord voor phpMyAdmin instellen. 

Om deze instellingen te wijzigen, gebruikt u de Config -knop die overeenkomt met de service waarvoor u wijzigingen wilt aanbrengen en slaat u de wijzigingen op en u zult goed zijn om de XAMPP en de andere services die daardoor worden geleverd te gebruiken.

Aanbevolen:(Recommended:)

Ik hoop dat dit artikel nuttig was en dat je nu eenvoudig  XAMPP op Windows 10 kunt installeren en configureren (Install And Configure XAMPP on Windows 10),  maar als je nog vragen hebt over deze tutorial, stel ze dan gerust in het commentaargedeelte.



About the author

Ik ben een professionele audio- en toetsenbordtechnicus met meer dan 10 jaar ervaring. Ik heb in het bedrijfsleven gewerkt, als consultant en productmanager, en meest recentelijk als software-engineer. Door mijn vaardigheden en ervaring kan ik aan verschillende soorten projecten werken, van kleine bedrijven tot grote bedrijven. Ik ben ook een expert in Windows 11 en werk nu ruim twee jaar aan het nieuwe besturingssysteem.



Related posts