Lokal utvecklingsmiljö med XAMPP

Varför en lokal server?

Hittills har du öppnat HTML-filer direkt i webbläsaren. Det fungerar för statiska sidor, men så fort du vill använda PHP, databaser eller andra servertekniker behöver du en riktig webbserver.

Istället för att betala för ett webbhotell kan du köra en server lokalt på din egen dator under utvecklingen. Det är gratis, snabbt och du behöver ingen internetanslutning.

Vad är XAMPP?

XAMPP är ett gratis paket som installerar allt du behöver:

• Apache – webbservern som serverar dina sidor
• MySQL/MariaDB – databas för att lagra data
• PHP – programmeringsspråket för dynamiskt innehåll
• phpMyAdmin – webbaserat verktyg för att hantera databasen

XAMPP finns för Windows, Mac och Linux.

Installation

Windows

1. Gå till apachefriends.org
2. Ladda ner XAMPP för Windows
3. Kör installationsprogrammet – acceptera standardinställningarna
4. Installera i C:\xampp (standard)
5. Starta XAMPP Control Panel

Mac

1. Ladda ner XAMPP för macOS från samma sida
2. Öppna .dmg-filen och dra XAMPP till Applications
3. Starta via XAMPP Manager i Applications

Starta servern

1. Öppna XAMPP Control Panel
2. Klicka Start bredvid Apache
3. Statusen ska bli grön – Apache körs nu
4. Öppna webbläsaren och gå till http://localhost

Du bör se XAMPP:s välkomstsida. Grattis – du har nu en webbserver på din dator!

Var lägger jag mina filer?

Alla filer som servern ska visa läggs i mappen htdocs:

System	Sökväg
Windows	C:\xampp\htdocs\
Mac	/Applications/XAMPP/htdocs/

Testa med din portfolio

1. Skapa en mapp htdocs/portfolio/
2. Kopiera dina filer portfolio.html och portfolio.css dit
3. Byt namn på portfolio.html till index.html
4. Gå till http://localhost/portfolio/ i webbläsaren

Nu serveras din portfolio av Apache – precis som på ett riktigt webbhotell!

Skillnaden: När du öppnar en HTML-fil med dubbelklick använder webbläsaren file://-protokollet. Med XAMPP använder den http:// – samma protokoll som på riktiga sajter. Det spelar roll när du börjar använda PHP.

Vanliga problem

Porten är upptagen

Om Apache inte startar kan port 80 vara upptagen av ett annat program (ofta Skype eller IIS på Windows).

Lösning: Öppna httpd.conf via XAMPP Control Panel (klicka Config bredvid Apache), ändra Listen 80 till Listen 8080. Använd sedan http://localhost:8080.

Sidan visas inte

• Kontrollera att Apache är startad (grön i kontrollpanelen)
• Kontrollera att filen ligger i rätt mapp under htdocs
• Kontrollera filnamnet – servern letar efter index.html eller index.php som standard

Alternativ till XAMPP

XAMPP är inte det enda alternativet. Här är några andra:

• Laragon (Windows) – modernt, snabbt, enklare gränssnitt
• MAMP (Mac/Windows) – populärt på Mac
• PHP:s inbyggda server – om du redan har PHP installerat: php -S localhost:8000

Nästa steg

Nu har du en fungerande webbserver lokalt. I nästa artikel skriver vi vår första PHP-kod och ser hur servern kan generera dynamiskt innehåll – sidor som ändras beroende på vad användaren gör.

---

Nästa steg

Nu har du en lokal server! Dags att använda den för det den är bäst på – dynamiskt innehåll med PHP:

👉 Introduktion till PHP – dynamiskt innehåll – lär dig skapa sidor som förändras beroende på besökarens input.

Behöver du repetera grunderna i HTML och CSS? Gå tillbaka till Din första HTML-sida eller Styla med CSS.