Konfiguracja serwera wamp

Posted: 16 lipca, 2011 in Internet
0

Wstęp

Tak jak już w poprzedniej części kursu ustaliliśmy serwer to komputer oraz odpowiednie oprogramowanie pozwalające nam programować. W trakcie tej serii, komputerem-serwerem będzie Twój komputer domowy, a programem serwerowym będzie Wamp. Przejdźmy więc do konfiguracji odpowiednich programów.

UWAGA: Zakładam, że większość z Was używa systemu Windows. Jeżeli pojawią się takie prośby zrobię również tutorial na system Mac/Linux.

Wamp

    1. Przejdź do strony pobierania wamp (klik) i pobierz najnowszą wersję serwera Wamp – w moim przypadku jest to WampServer 2.1e z 27 Grudnia 2010.
    2. Po ściągnięciu pliku instalacyjnego postępuj według standardowej instalacji programów w systemie Windows. Generalnie jest to Next > „I accept the agreement” > Next > Next > Next > Install . Myślę, że nikt tutaj nie będzie miał problemów. Jesteśmy tu żeby uczyć się programować więc trudności na tym etapie są przynajmniej dziwne 😉
    3. Po zainstalowaniu programu w odpowiednim katalogu wybranym przy instalacji powinien pojawić się program Wamp. Standardowa ścieżka to C:wamp. Jeżeli wszystko przebiegło pomyślnie powinieneś znaleźć ten folder.
    4. Następnym krokiem jest sprawdzenie czy nasza aplikacja działa. W tym celu skorzystamy ze skrótu na Pulpicie (lub ze skrótu w Start > Menu jeżeli odznaczyliście skrót na pulpicie). Po odpaleniu naszej aplikacji serwerowej, w pasku systemowym powinieneś ujrzeć zieloną ikonkę w kształcie litery „W” z oprawką.
    5. W trosce o użytkowników programu Skype, zmienimy teraz 1 małe ustawienie, które pozwoli na jednoczesne używanie Wamp oraz Skype.
      1. Kliknij LPM (Lewym przyciskiem myszy) na ikonę Wamp w pasku systemowym a następnie z rozwijanego menu „Apache” wybierz plik httpd.conf.
      2. Po otwarciu pliku znajdź w okolicach linii 46 wpis „Listen 80”.
      3. Zamień powyższy wpis „Listen 80” na „Listen 81”. Jeżeli w Twoim pliku nie ma takiego wpisu dopisz „Listen 81” na samym dole pliku pamiętając aby był on w nowej, osobnej linii.
      4. Zapisz plik httpd.conf a następnie kliknij LPM na ikonę Wamp w pasku systemowym i wybierz opcję „Restartuj wszystkie usługi”.
    6. Gratuluje – właśnie skonfigurowałeś w pełni swoje środowisko serwerowe, którego będziemy używać w następnych sekcjach.
    7. Zauważ, że przy instalacji w systemie Windows Vista lub Windows 7, będziesz musiał odblokować aplikacje Wamp w swoim firewall’u. System Windows zapyta Cię o to automatycznie podczas instalacji. Do poprawnego działania aplikacja wymagane jest odblokowanie jej w firewall’u.
    8. Jeżeli nie rozumiałeś powyższych instrukcji możesz także skorzystać z krótkiego filmiku instruktażowego w serwisie youtube dodanego przez użytkownika relemar w języku angielskim:

Edytor tekstowy
    Do napisania strony internetowej będziemy potrzebować także edytora tekstu. Może nim być jakikolwiek edytor posiadający opcję odczytu i zapisu pliku. Najprostszym narzędziem tego typu jest Windows’owski Notepad. Ja jednak polecam Ci używać programu Notepad++. Jest on zaawansowanym narzędziem do edycji tekstu, które posiada wiele atutów. Najważniejszą jego cechą dla Was jako początkujących programistów będzie kolorowanie składni. Znaczy to mniej więcej tyle, że program będzie pokazywał różne części naszego kodu w różnych kolorach. Pomaga to odnaleźć się w skomplikowanym kodzie, a przede wszystkim pokazuje często popełniane błędy sprowadzające się do użycia apostrofów i znaków cytacji.
Instalacja:
  1. Pobierz program Notepad++ (klik) ze strony producenta. W moim przypadku będzie to wersja v5.9.2 Installer.
  2. Po pobraniu przystąp do instalacji według normalnej Windows’owskiej procedury instalacji programów.
  3. Odpal program ze skrótu z pulpitu lub Start > Menu aby upewnić się, że został on zainstalowany prawidłowo.
(screen z przykładowego skryptu php w programie Notepad++ – kliknij aby powiększyć)

Podsumowanie

Wykonując powyższe kroki skonfigurowałeś w pełni środowisko serwerowe oraz programistyczne, którego będziemy używać. Ostatnim testem będzie stworzenie Twojej pierwszej strony internetowej w programie Notepad++ a następnie wrzucenie jej na Twój serwer.

  1. Otwórz program Notepad++ a następnie skopiuj i wklej tam poniższy kod: 
    <html>
<body>
Hello World! <br>
Moja pierwsza strona : )
</body>
</html>
  2. Pamiętaj aby skopiować sam kod poprzez opcję dostępną w prawy górnym rogu kodu po najechaniu na niego. Jeżeli skopiujesz kod normalną metodą będziesz musiał potem usuwać numery linii dodane przez mojego bloga.
  3. Zapisz plik (Plik ->  Zapisz jako) w folderze www w głównym folderze Wamp. Przy standardowej instalacji będzie to „C:Wampwww”  i nazwij go test.html . Pamiętaj o rozszerzeniu „.html”, która sprawia że nasz serwer rozpozna plik jako stronę internetowa.
  4. Otwórz twoją przeglądarkę internetową a następnie przejdź do strony localhost/test.html lub localhost:81/test.html jeżeli zadbałeś o Skype i postępowałeś według punktu 5 w instalacji Wamp’a. Powinieneś ujrzeć białą stronę z napisem „Hello World! (enter) Moja pierwsza strona : )”.
Jeżeli wszystkie powyższe kroki wykonałeś bez błędu, pozostaje Ci tylko przejść do następnej części kursu i zacząć uczyć się programować 🙂

Informacje dodatkowe dla zaawansowanych użytkowników:
W kursie będę używał programu Wamp ponieważ uważam, że jest on najlepszym dostępnym tego typu programem na rynku. Jeżeli wiesz co robisz możesz śmiał użyć czegoś innego jak np. Xampp.
Dla zainteresowanych standardowe dane do bazy danych w Wamp’ie:
host : localhost
user : root
pass : (brak)

Pozdrawiam, Sim00n.