W poprzednim artykule stworzyliśmy bardzo prostą aplikację internetową wyświetlającą bieżącą datę i godzinę. Znajduje się ona w katalogu myApp, a zatem jest dostępna pod adresem http://localhost/myApp. W tym artykule pokażę jak zmienić ten adres na krótszy i łatwiejszy do zapamiętania.
Wymagania
Uwaga: Warunkiem koniecznym do skracania adresu naszej aplikacji w sposób opisany w tym poradniku jest posiadanie zainstalowanego Apache-a w wersji co najmniej 2.4. Jak sprawdzić posiadaną wersję Apache-a?
Dodajemy wpis w pliku hosts
Przechodzimy do katalogu C:\Windows\System32\drivers\etc (przy założeniu, że system operacyjny jest zainstalowany na partycji C:\).
hosts w katalogu C:\Windows\System32\drivers\etcKlikamy dwukrotnie na plik hosts. Z powodu braku rozszerzenia otwieranego pliku zobaczymy okno dialogowe Otwieranie za pomocą. Wybieramy z listy nasz ulubiony edytor tekstowy, po czym klikamy OK.
Zgodnie z oczekiwaniami ujrzymy zawartość pliku hosts wyświetloną w edytorze tekstowym. Domyślna zawartość wygląda następująco:
127.0.0.1 localhost
Naszym zadaniem jest dodanie dwóch linii zawierających informację o adresie, pod jakim mamy mieć dostęp do naszej aplikacji. W jednej linii zapiszemy adres z przedrostkiem www, a w drugiej – bez niego.
Adres, pod jakim chcemy mieć dostęp do naszej aplikacji, nie powinien posiadać rozszerzenia istniejącej domeny. Użycie domeny .dev lub .app może zakończyć się faktycznym przejściem pod taki adres. Z tego powodu należy wybrać nieistniejące rozszerzenie domeny, np. .local.
Załóżmy, że do naszej aplikacji chcemy mieć dostęp za pomocą adresu http://myapp.local. Zatem na koniec pliku hosts dopisujemy następujące dwie linie:
127.0.0.1 myapp.local 127.0.0.1 www.myapp.local
Cały plik hosts powinien mieć następującą zawartość:
127.0.0.1 localhost 127.0.0.1 myapp.local 127.0.0.1 www.myapp.local
Zapisujemy zmiany wprowadzone do pliku hosts.
Jeśli nie możemy zapisać wprowadzonych zmian, uruchamiamy nasz edytor jako administrator. Następnie otwieramy plik hosts klikając na Plik > Otwórz i przechodząc do katalogu C:\Windows\System32\drivers\etc. Wykonujemy ponownie opisane powyżej kroki.
Dodajemy regułę obsługującą dodany adres
Przechodzimy do katalogu C:\xampp\apache\conf\extra (przy założeniu, że system operacyjny jest zainstalowany na partycji C:\) i klikamy dwukrotnie na plik httpd-vhosts.conf.
httpd-vhosts.conf w katalogu C:\xampp\apache\conf\extraTen plik należy otworzyć za pomocą edytora tekstowego. Jeśli na skutek dwukrotnego kliknięcia na ten plik widzimy okno dialogowe Otwieranie za pomocą, należy postąpić dokładnie tak samo jak opisano wyżej – wskazujemy nasz ulubiony edytor tekstowy i klikamy OK.
W nowo otwartym pliku musimy znaleźć linię zawierającą następujący kod:
##NameVirtualHost *:80
Symbol # na początku linii oznacza komentarz. Musimy go usunąć aby linia wyglądała następująco:
NameVirtualHost *:80
Teraz przechodzimy na koniec zawartości pliku i wklejamy tam następującą regułę:
<VirtualHost *:80>
DocumentRoot "C:/xampp/htdocs/myApp"
ServerName myapp.local
ServerAlias www.myapp.local
<Directory "C:/xampp/htdocs/myApp">
AllowOverride All
Require all Granted
</Directory>
</VirtualHost>
Zapisujemy zmiany w pliku httpd-vhosts.conf i uruchamiamy składnik Apache pakietu XAMPP (lub zatrzymujemy go i uruchamiamy ponownie jeśli był już uruchomiony).
W przeglądarce internetowej przechodzimy pod adres http://myapp.local lub http://www.myapp.local. Naszym oczom ukaże się dobrze nam znane powitanie wraz z bieżącą datą i godziną:
Od tej chwili dostęp do naszej aplikacji jest możliwy za pomocą skróconego adresu.
