Każdy początkowy twórca stron internetowych na początku swojej kariery napotyka na wiele technicznych problemów. O ile z upływem lat mogą wydawać się banalnie proste to nawet prosta instalacji i konfiguracja lokalnego serwera budzi wiele niejasności. W poniższym artykule wyjaśnimy jak stworzyć własną testową domenę działającą w lokalnym środowisku.
Skoro masz już zainstalowane (a pewnie tak jest) oprogramowanie XAMPP, które pozwala na uruchomienie serwera WWW na lokalnym komputerze (XAMPP posiada w swoim pakiecie serwer Apache oraz serwer baz danych MySQL z phpMyAdmin, a także wsparcie dla języków PHP i Perl) to przejdźmy do uruchomienia przykładowej strony. Załóżmy, że jej pliki znajdują się w lokalizacji
C:/xampp/htdocs/moja-strona/
tak więc do jej wywołania w przeglądarce należy użyć adresu
localhost/moja-strona
Minusem takiego rozwiązania jest fakt że „moja-strona” jest traktowana jako podkatalog dla domeny localhost. O ile dla małych serwisów nie ma to większego znaczenia to przy większych projektach mogą występować problemy programistyczne po przeniesieniu serwisu na prawdziwy (produkcyjny) serwer i domenę.
Co w takim przypadku można zrobić? Najlepszym rozwiązaniem jest utworzenie lokalnej domeny testowej, np.:
moja-strona.test
tak aby serwis w trakcie projektowania był od razu wyświetlany pod domeną a nie jako katalog.
Domena testowa na serwerze XAMPP
Aby stworzyć własną, dowolną domenę testową w środowisku lokalnym uruchom Panel Kontrolny programu XAMPP. Dla modułu Apache wybierz przycisk Config a następnie Apache (httpd.conf)
Konfiguracja domeny w Apache
Zostanie uruchomiony plik konfiguracyjny httpd.conf w którym należy dopisać (na końcu pliku) poniższy kod:
NameVirtualHost moja-strona.test
<VirtualHost moja-strona.test>
ServerName moja-strona.test
ServerAlias www.moja-strona.test
DocumentRoot "C:/xampp/htdocs/moja-strona/"
</VirtualHost>
Powyższy kod konfiguruje domenę moja-strona.test która odnosi się do lokalizacji plików na dysku za pomocą zmiennej DocumentRoot (pełna ścieżka do plików serwisu internetowego). Oczywiście w miejsce naszych przykładowych wpisów (zapisanych na czerwono) wpisz własne.
Zapisz i zamknij plik httpd.conf.
W Panelu Kontrolnym XAMPP uruchom serwer Apache wciskając przycisk Start. Gotowość do działania usługi oznaczona jest poprzez podświetlenie na zielono nazwy modułu
Konfiguracja hosta w systemie Windows
Ostatnia rzecz, którą należy wykonać jest dodanie lokalnego adresu IP serwera oraz nazwy domeny do pliku konfiguracyjnego o nazwie hosts. Plik ten w systemie operacyjnym Windows umożliwia dokonanie tzw. mapowania hosta (domeny) na wskazany adres IP. Dzięki temu możliwe jest przekierowanie domeny na zupełnie inny adres IP w obrębie naszego komputera. Jak to zrobić?
Przejdź do folderu
C:\Windows\System32\drivers\etc\
i uruchom (jako administrator) w edytorze tekstowym plik hosts. Następnie znajdź wpis
127.0.0.1 localhost
skopuj go i wklej w kolejnej linii zmieniając frazę localhost na nazwę własnej domeny. W naszym przypadku będzie to
127.0.0.1 moja-strona.test
Zapisz i zamknij plik hosts.
To wszystko! Otwórz przeglądarkę internetową i wpisz w pasek adresu nazwę swojej testowej domeny. Powinna pojawić się zawartość Twojej strony 🙂
Żeby posiąść więcej tajemnej wiedzy 😉 dla aplikacji XAMPP bądź na bieżąco z naszym hasztagiem #xampp.
Dziękujemy, że przeczytałeś cały artykuł. Mamy nadzieję, że powyższe informacje były dla Ciebie pomocne. Zapisz się do naszego Newslettera, aby otrzymywać od nas najbardziej wartościowe treści.