tut Własne sub-domeny na XAMPPie

[kamil2321]

Witajcie!
W tym poradniku pokaże Wam jak mieć wiele sub-domen na XAMPPie oczywiście localhostowe
Wolisz w postaci filmu? Okej, nie ma problemu, wejdź proszę sobie w link: https://youtu.be/fx_3MLpoG_E
Link w spoileru do oglądania: 

Spoiler

 

Poradnik nie ma na celu nikogo obrazić, tylko nauczyć!  
Przypominam, nie tykamy pliku hostsa windowsowego!
 

=============== TUTORIAL W POSTACI PISEMNEJ =================
Co najpierw trzeba zrobić?
1. Instalujemy XAMPPa z oficjalnej strony, pod linkiem: https://www.apachefriends.org/pl/download.html
Skanu nie daję, oficjalna strona xamppa, dowody na wikipedii itd.
2. Mamy XAMPPa, super! Jeśli ktoś pierwszy raz instaluje XAMPPa, proszę o uruchomienie go jako administrator(w sumie to zawsze jako admin) i mamy takie okienko: 

I mamy kolumnę Modules Service i takiego iksa X  i klikamy na to, otworzy się komunikat o instalacji modułu i naciskamy na Yes! Po pomyślnym zainstalowaniu wyskoczy nam coś takiego: 

Taki zielony "ptaszek"  Ale po co instalować moduł skoro bez tego działa? A po to, żeby nam się przypadkiem nie otworzyły 2x XAMPPy i żeby moduły nie nachodziły na siebie co powoduje brak efektów w zmianach.

3. Klikamy później na Config i wybieramy Apache httpd.conf i szukamy linijki:

Listen 80 

I jak mamy na porcie 80 to zmieniamy na:

Listen 127.0.0.1:80
Listen 127.0.0.1:443

I zapisujemy. Przechodzimy do punktu 4.
3.1 A jeśli ktoś woli mieć inne porty tak jak ja, wówczas wchodzimy do spoileru:

Spoiler

Otwieramy Config ten po prawej stronie: https://scr.hu/NyGK1d
Otworzy nam się takie coś: https://scr.hu/qdKnOD i jak widzimy na screenie wybieramy Service and Port Settings i tam ustawiamy porty, np.: https://scr.hu/jmGOR3 i dajemy Save, później też dajemy Save, a później wybieramy Config, który jest obok Logs, później dajemy Apache(httpd.conf) i przechodzimy do punktu 3.2.
3.2 Jeśli używamy innych portów bądź portów, które sam używam z pkt. 3.1 to szukamy:

Listen 80

Zmieniamy na:

Listen 127.0.0.1:8080
Listen 127.0.0.1:4443

Szukamy:

ServerName localhost:80

Zmienamy na:

ServerName localhost:8080

I zapisujemy, czyli ctrl+s.
3.3 Dajemy raz jeszcze Config i wybieramy Apache(httpd-ssl.conf) i szukamy:

<VirtualHost _default_:443>

I edytujemy port, czyli będzie tak to wyglądać:

<VirtualHost _default_:4443>

I mamy jeszcze:

ServerName www.example.com:443

To możemy też zmienić na: 

ServerName www.example.com:4443

Szukamy jeszcze:

Listen 443

Zmieniamy na:

Listen 4443

I zapisujemy. Przechodzimy do punktu 4.

4. Pora na konfigurację vhost'a. Wchodzimy do ścieżki naszego xamppa i do apache, conf i extra i tam mamy httpd-vhosts.conf, u mnie jest to tak jak na filmie pokazałem, czyli:
C:\xampp\apache\conf\extra
I mam tam pliczek httpd-vhosts.conf i otwieramy sobie notepadem albo innym edytorem jak kto lubi i domyślnie mamy tam takie coś:
 

Spoiler

<VirtualHost *:80>
    ServerAdmin [email protected]
    DocumentRoot "c:/Apache24/docs/dummy-host.example.com"
    ServerName dummy-host.example.com
    ServerAlias www.dummy-host.example.com
    ErrorLog "logs/dummy-host.example.com-error.log"
    CustomLog "logs/dummy-host.example.com-access.log" common
</VirtualHost>

<VirtualHost *:80>
    ServerAdmin [email protected]
    DocumentRoot "c:/Apache24/docs/dummy-host2.example.com"
    ServerName dummy-host2.example.com
    ErrorLog "logs/dummy-host2.example.com-error.log"
    CustomLog "logs/dummy-host2.example.com-access.log" common
</VirtualHost>

I to usuwamy i zastępujemy sobie tym jeśli mamy port 80:

Spoiler

<VirtualHost 127.0.0.1:80>
    ServerAdmin [email protected]
    DocumentRoot "c:/xampp/htdocs/"
    ServerName localhost
    ServerAlias localhost
    ErrorLog "logs/dummy-host.example.com-error.log"
    CustomLog "logs/dummy-host.example.com-access.log" common
</VirtualHost>

<VirtualHost 127.0.0.1:80>
    ServerAdmin [email protected]
    DocumentRoot C:/xampp/htdocs/game
    ServerName game.localhost
    ServerAlias game.localhost
    ErrorLog "logs/dummy-host.example.com-error.log"
    CustomLog "logs/dummy-host.example.com-access.log" common
</VirtualHost>

 

Jeśli mamy port 8080:

Spoiler

<VirtualHost 127.0.0.1:8080>
    ServerAdmin [email protected]
    DocumentRoot "c:/xampp/htdocs/"
    ServerName localhost
    ServerAlias localhost
    ErrorLog "logs/dummy-host.example.com-error.log"
    CustomLog "logs/dummy-host.example.com-access.log" common
</VirtualHost>

<VirtualHost 127.0.0.1:8080>
    ServerAdmin [email protected]
    DocumentRoot C:/xampp/htdocs/game
    ServerName game.localhost
    ServerAlias game.localhost
    ErrorLog "logs/dummy-host.example.com-error.log"
    CustomLog "logs/dummy-host.example.com-access.log" common
</VirtualHost>

 

5. I jak widzimy mamy tam jedną sub-domenę game.localhost i zauważyliśmy, że mamy jeszcze ścieżkę C:/xampp/htdocs/game więc musimy mieć folder game w ścieżce C:/xampp/htdocs/   ale to raczej jasne. Jeśli nie jasne wróć się na samą górę i włącz sobie filmik  

Myślę, że błędów nie popełniłem Nie tak dawno wstałem i się przebudzam więc jak o czymś zapomniałem w pisemnej formie, to edita dam za jakiś czas.
Polecą hejty, dlaczego Listen mam ustawione 2x na porcie 4443, a więc napisze teraz takie malutkie objaśnienie w spoilerze:

Spoiler

Serwer Apache najpierw wczytuje konfigurację z pliku httpd.conf, później ssl httpd-ssl.conf, lecz serwer apache aby odróżnił kiedy i jakiego vhosta używamy na porcie 4443 musimy najpierw w httpd.conf dopisać żeby szukał z plików Include portu 4443 a później przechodził do globalnej konfiguracji, można oczywiście pominąć takowe wyjście ale jeśli chcemy mieć w pliku httpd-vhost.conf konfigurację na SSL to musimy najpierw ustawić Listen 4443 w httpd.conf bo tam mamy Include z vhostami. Można też w globalnej konfiguracji dać Include ale po co mieszać w serwerze apache?