Wordpress: Środowisko deweloperskie na Windows

0:00Cześć! W tej lekcji chciałbym pokazać Ci, jak zainstalować lokalne środowisko deweloperskie

0:04na platformie Windows. Na Windowsa będziesz musiał pobrać

0:09program, który nazywa się MAMP. On jest dostępny w dwóch wersjach: w wersji

0:13darmowej i w wersji PRO, która jest płatna. Po pobraniu, podczas instalacji, możemy

0:17równie dobrze odznaczyć sobie wersję PRO. Możemy też zainstalować

0:22dodatkowe składowe Bonjour. To nie jest akurat aż tak istotne. Ale MAMP PRO

0:26na nasze potrzeby, czyli ta płatna wersja, nie będzie potrzebny. Wybieram polecenie Next,

0:30zgadzam się z licencją i instaluję MAMP-a w tej domyślnej

0:34lokalizacji. Następnie możemy jeszcze doinstalować go do paska

0:39menu w Windowsie i stworzyć sobie ikonkę na pulpicie. Ja zostawiam

0:43akurat te opcje odznaczone. I po zainstalowaniu MAMP-a będziemy mogli już skorzystać

0:47ze środowiska deweloperskiego, które będzie działało lokalnie

0:52na naszym komputerze. Co to znaczy? To znaczy, że nasz komputer będzie zachowywał

0:56się tak, jak serwer internetowy, czyli ten komputer, który de facto działa

1:00sobie gdzieś w jakiejś serwerowni i na nim jest umieszczona nasza strona. On działa 24/7

1:05po to, aby nasza strona była non stop widoczna dla odwiedzających w Internecie. Domyślnie

1:10nasz komputer w ten sposób się nie zachowuje i w związku z tym nie może interpretować na

1:14przykład języka PHP, na którym działa sobie WordPress. I

1:18to właśnie dlatego musimy doinstalować takie środowisko serwerowe,

1:22jakim jest MAMP. Warto zaznaczyć, że MAMP jest gotowym rozwiązaniem. Mógłbyś

1:27na swoim komputerze uruchomić środowisko, instalując osobno serwer

1:32Apache, osobno bazy danych mySQL, doinstalowując sobie odpowiednią wersję

1:36języka PHP. To wszystko wymaga trochę bardziej skomplikowanych operacji i konfiguracji. Jeżeli

1:41będziesz chciał to zrobić, o czywiście możesz, natomiast MAMP jest takim rozwiązaniem,

1:45które pozwoli Ci te wszystkie składowe, wszystkie komponenty, właśnie takie jak: baza

1:49danych, interpreter języka PHP, jak również serwer Apache zainstalować

1:54za jednym razem w postaci właśnie takiego narzędzia. I w momencie gdy

1:59mamy już instalację zakończoną, wybieram polecenie Finish, a następnie uruchamiam MAMP-a. Będziemy

2:04chcieli przejść do jego konfiguracji. W zasadzie działanie MAMP-a jest bardzo proste. W

2:08momencie gdy uruchomimy aplikację, startują te składowe, o których wspomniałem, czyli serwer

2:12Apache, mySQL. I tak naprawdę te dwie składowe są dla nas najważniejsze. Możemy teraz

2:16kliknąć na polecenie Open WebStart page, aby otworzyć stronę

2:20localhost. Zauważ, że ta strona, jeżeli uruchomimy sobie teraz localhost,

2:25powinna już wyświetlać z powodzeniem to, co znajduje się w katalogu dokładnie

2:30C:/MAMP/htdocs. I to będzie nasz główny katalog, w którym

2:34będziemy umieszczać pliki naszej witryny. Czyli możemy teraz sobie do

2:38tego katalogu spróbować przejść w Windowsie. Przejdźmy do Eksploratora. Tutaj znajduje

2:42się na dysku lokalnym (C:) katalog MAMP, a w nim znajduje się folder htdocs. W

2:47tym folderze na razie znajdziesz tylko taki prosty plik index.php z

2:51logo MAMP-a dołączonym do niego. I w zasadzie gdybyśmy te pliki usunęli,

2:56a spróbuję teraz to zrobić, i spróbowali odświeżyć tę stronę, to zobaczymy

3:00tylko coś takiego: Index of/. To dalej jest sygnał, że nasz serwer działa. Gdyby

3:04nasz serwer zatrzymać - wybieram polecenie Stop Servers - wtedy nie

3:09mielibyśmy tutaj tej informacji. Serwer zatrzymany zwracałby nam albo taką

3:13informację, że witryna jest nieosiągalna, albo jakiś inny komunikat od przeglądarki. W

3:17momencie gdy go uruchomimy, ten serwer nam się automatycznie -

3:21może nam się strona nawet przeładuje i serwer, jak widzimy, działa. W tym folderze możemy

3:26teraz utworzyć sobie nowy, na przykład, dokument tekstowy. Ja w kolejnych lekcjach będę już korzystał

3:30z edytora kodu Visual Studio Code, który jest darmowy, ale teraz

3:34stworzę sobie po prostu zwykły dokument tekstowy. Nazwę go index.html

3:39i wyedytuję go z pomocą Notatnika, a następnie stworzę tutaj bardzo

3:43podstawową składnię HTML-a.  Robię to tylko po to, aby pokazać Ci, że rzeczywiście

3:47ten plik indeksowy będzie wyświetlał się jako główna strona naszego serwera. Mamy

3:52Hello worldpress. Jeśli serwer napotka w tym katalogu - tak

3:56zwanym root,  czyli w głównym katalogu plik, który nazywa się index, to będzie próbował

4:01właśnie ten plik otworzyć jako ta główna strona, czyli localhost. Wszystko

4:05działa. Przyjrzyjmy się jeszcze ustawieniom MAMP-a. Możemy przejść do jego preferencji. Tutaj

4:10mamy kilka opcji, które warto by było sprawdzić albo dostosować. Mamy

4:15tutaj automatyczne uruchamianie serwerów w momencie, kiedy uruchamiamy MAMP-a. Zostawię

4:19to włączone. Możemy też otwierać sobie MAMP-a przy starcie systemu. Jeśli przejdziemy

4:23do portów, jest tutaj ważna informacja. Apache będzie działał na porcie 80,

4:28czyli to jest to samo, jakbyśmy dopisali do naszego localhosta ":80".

4:33Ta informacja w Windowsie akurat tutaj jest pomijana, natomiast warto

4:37zauważyć, że czasem jakieś oprogramowanie na Twoim komputerze może działać też

4:41na tym porcie i go blokować. Kiedyś był to Skype, nie wiem, czy tak jest dalej. Natomiast jeżeli

4:46będziesz chciał to sprawdzić, możesz wejść do Monitora zasobów Twojego

4:51komputera. W Monitorze zasobów znajduje się zakładka Sieć,

4:55czyli "network" po angielsku i w tym miejscu znajdziemy wszystkie otwarte aplikacje, ale my potrzebujemy wejść do Porty

5:00nasłuchujące i w tym miejscu możemy zobaczyć, na jakich

5:05portach te aplikacje działają. Więc widzimy, że na porcie 80-tym

5:09działa tylko httpd.exe. To jest właśnie nasz serwer

5:13Apache. W związku z tym wszystko jest okej, nic innego nam nie blokuje tego portu. Gdyby

5:17tak było, gdybyś miał problemy z uruchomieniem serwera właśnie przez to, że jakaś

5:21inna aplikacja działa na tym porcie, możesz tutaj wprowadzić dowolny inny numerek. Możesz

5:26przenieść się na przykład na port 88, albo jakiś dowolny inny, który nie jest blokowany

5:30w Twoim systemie. Kolejno mamy informację o wersji PHP. Kolejno w zakładce Web

5:34Server mamy ważną informację o tym, jaki typ serwera uruchamiamy - my będziemy korzystali z Apache -

5:39ale także na temat tego, jaki jest tak zwany document root. Co to znaczy? Możesz

5:43tutaj zmienić sobie ścieżkę do katalogu, w którym będą znajdowały

5:48się Twoje strony. Czyli przykładowo utworzyć sobie nowy folder na pulpicie.

5:52Ja jeszcze chciałbym zmienić jego nazwę. Nazwiemy go na

5:56przykład WWW i teraz przejdziemy do tego właśnie

6:00katalogu, wskażemy go tutaj, wybierzemy polecenie OK. Jeśli odświeżymy,

6:05serwer nam się automatycznie sam restartuje. Musimy chwilę poczekać. Jeśli

6:09odświeżymy tę stronę, okaże się, że mamy tutaj Index of/, bo w tym

6:13katalogu nic nie ma. Gdybyśmy przenieśli do niego, do katalogu WWW, naszą

6:17stronę index.html, którą stworzyliśmy, to jak widzisz, mamy teraz Hello worldpress, a to

6:21znaczy, że udało nam się skutecznie przełączyć ten katalog, który

6:25jest traktowany jako nasz serwer za katalog strony internetowej. To tam będzie

6:29w kolejnych lekcjach instancja i instalacja naszego WordPressa,

6:33właśnie w tym katalogu. A ja chciałbym jeszcze na chwilę wejść do preferencji i powiedzieć Ci o

6:37tym, że co prawda MAMP w wersji darmowej nie wspiera obsługi

6:42kilku stron działających równocześnie, czyli nie możesz po prostu w kilku katalogach

6:46równocześnie mieć uruchomionych kilku na przykład WordPressów, ale zawsze możesz

6:50tutaj wrócić do tej zakładki Web Server, na przykład utworzyć kopię tego katalogu i przełączyć

6:55się na nowy katalog. Serwer zostanie odświeżony i w ten sposób będziesz mógł podejrzeć sobie

6:59kolejną stronę. Więc nawet jeśli masz kilka stron, możesz w tej wersji darmowej przełączać się pomiędzy nimi w

7:03ten sposób. W końcu mamy informację o wersji mySQL i z tego Clouda MAMP-owego

7:09nie będziemy korzystać. A zatem są to wszystkie informacje i wszystkie kroki, które powinieneś wykonać przy konfiguracji

7:13tego automatycznego środowiska z pomocą MAMP-a na Windowsie. Polecam Ci,

7:17żebyś na razie zostawił sobie ten domyślny folder jako document root. My jeszcze będziemy mówić

7:22o tym w kolejnej lekcji. Ja co prawda dalszą część kursu będę prowadził na środowisku MacOS,

7:26ale nie będzie to miało absolutnie żadnego wpływu na korzystanie z tego

7:30na Windowsie. Możesz dokładnie te operacje, które ja robię na Macu, powtarzać na Windowsie

7:34i wszystko od tej pory powinno działać. To wszystko w tej lekcji. Dzięki

7:38za uwagę i do usłyszenia!