Każdy programista WordPress powinien mieć możliwość programowania na lokalnym serwerze WWW. To szybki i bezpośredni sposób, aby zobaczyć swój kod w akcji. W tym poście omówię instalację i konfigurację aplikacji webserver na twoim komputerze (zarówno Windows, jak i MacOS), w tym jak rozwiązać problemy, które mogą się pojawić.
Istnieje wiele rozwiązań dotyczących konfiguracji lokalnego serwera WWW, na przykład za pomocą Docker, Vagrant lub prostej aplikacji serwera WWW. Ostatni jest zdecydowanie najprostszy. W tym poście omówimy proces konfiguracji WampServer dla Windows i XAMPP dla MacOS. Przejdź do systemu operacyjnego swojego komputera:
Instalowanie WampServer w systemie Windows
Instalacja serwera internetowego dla systemu Windows jest dość prosta. Chodzi głównie o podążanie za kreatorem konfiguracji, więc nie będę tutaj zagłębiał się w szczegóły.
Pierwszym krokiem jest pobranie aplikacji webserver. Kliknij łącze, aby przejść do strony internetowej WampServer i kliknij „Pobierz" w menu.
Masz do wyboru instalację 64-bitową lub 32-bitową. Większość dzisiejszych komputerów obsługuje 64-bitową wersję, więc wybrałbym to. Po kliknięciu przycisku pobierania pojawi się formularz, ale możesz po prostu kliknąć łącze u góry, które mówi „możesz pobrać bezpośrednio”. Spowoduje to przejście do faktycznego pobierania.
Po pobraniu pliku kliknij plik .exe, aby rozpocząć instalację. Postępuj zgodnie z procesem konfiguracji. Pamiętaj, że lokalizacja, w której zdecydujesz się zainstalować WampServer, to miejsce, w którym będziesz musiał umieścić swoje pliki WordPress i inne projekty stron internetowych, które możesz chcieć zrobić. Jeśli pojawi się pytanie o domyślną przeglądarkę, wybierz program przeglądarki (zwykle znajduje się w podfolderze w C:Program Files (x86)).
Po zakończeniu instalacji i uruchomieniu WampServer pojawi się on na pasku zadań Windows (po prawej stronie paska zadań, obok zegara).
Gdy ikona jest zielona, WampServer pomyślnie uruchamia serwer WWW. Kiedy jest pomarańczowy lub czerwony, serwer jest offline. Kliknij ikonę WampServer w zasobniku, aby skonfigurować i uruchomić/zrestartować/zatrzymać usługi.
Aby sprawdzić, czy serwer działa, otwórz przeglądarkę i przejdź do http://localhost/. Powinieneś zobaczyć stronę główną WampServer.
Jeśli pomyślnie uruchomiłeś serwer WWW, przejdź od razu do „ Instalowania WordPressa “! Jeśli coś poszło nie tak, spójrz na sekcję zatytułowaną „Możliwe problemy i poprawki dla WampServer”, aby spróbować rozwiązać problem.
Instalowanie XAMPP na MacOS X
Skonfigurowanie serwera internetowego i prawidłowe działanie WordPressa na MacOS to zdecydowanie wyzwanie. Po zrobieniu tego kilka razy znalazłem proces z najmniejszą liczbą kroków i najlepszym wynikiem.
Wejdź na stronę XAMPP i znajdź duży zielony obszar pobierania. Kliknij „XAMPP dla OS X”.
Postępuj zgodnie z instrukcją instalacji, a gdy zostaniesz o to poproszony, przeciągnij ikonę do folderu Aplikacje. Kliknij Otwórz w oknach dialogowych z pytaniem, czy na pewno chcesz otworzyć aplikację pobraną z Internetu. Po zakończeniu konfiguracji uruchom aplikację XAMPP z Launchera.
Kiedy XAMPP uruchamia się po raz pierwszy, musisz kliknąć przycisk „Start”.
Po chwili wskaźnik powinien zmienić się z czerwonego na zielony i powinieneś zobaczyć swój adres IP. W tym momencie serwer WWW i serwer bazy danych działają pod podanym adresem IP. Ale chcemy użyć ładnego adresu URL lokalnego hosta zamiast adresu IP. Kliknij zakładkę „Sieć” iw wierszu „localhost:8080″ kliknij przycisk Włącz.
Gdy ten wiersz zmieni kolor na zielony, otwórz adres URL http://localhost:8080/ w swojej przeglądarce. Powinieneś zobaczyć stronę powitalną XAMPP. Oznacza to, że serwer sieciowy jest uruchomiony.
Aby uzyskać dostęp do folderu projektu internetowego, w którym umieścisz WordPress i inne pliki projektu, musisz przejść do zakładki Woluminy w XAMPP. Kliknij przycisk „Zamontuj”.
XAMPP powinien teraz pomyślnie uruchomić serwer WWW i serwer bazy danych MySQL, gotowy do zainstalowania WordPressa. Postępuj zgodnie z poniższymi krokami, aby zainstalować WordPress, ponieważ jest kilka dodatkowych kroków wymaganych do prawidłowego działania XAMPP.
Instalacja WordPressa (zarówno WampServer, jak i XAMPP)
Przejdź do strony pobierania WordPress i kliknij niebieski przycisk pobierania. Powinien dać ci plik zip, który po rozpakowaniu utworzy folder „wordpress” ze wszystkimi plikami, aby WordPress działał.
Przenieś pobrany plik zip do wwwfolderu (dla WampServer) / htdocsfolderu (dla XAMPP). Rozpakuj pobrany plik zip. Po zakończeniu rozpakowywania powinieneś mieć podfolder „wordpress” w folderze serwera WWW. Oznacza to, że WordPress będzie dostępny z adresu URL http://localhost/wordpress/ (dla WampServer) / http://localhost:8080/wordpress/ dla (XAMPP). Możesz jednak zmienić nazwę folderu, jeśli chcesz.
Następnym krokiem jest stworzenie bazy danych dla WordPressa. Zarówno WampServer, jak i XAMPP automatycznie instalują phpMyAdmin, aby uzyskać dostęp do baz danych. WampServer: Kliknij ikonę WampServer na pasku zadań i kliknij „phpMyAdmin” lub przejdź do adresu URL http://localhost/phpmyadmin. W przypadku XAMPP: Uzyskaj dostęp do phpMyAdmin, przechodząc do adresu URL http://localhost:8080/phpmyadmin lub klikając pozycję menu „phpMyAdmin” w prawym górnym rogu strony powitalnej XAMPP pod adresem http://localhost:8080. Zaloguj się podając nazwę użytkownika „root” i puste hasło (oba serwery).
Na pasku bocznym po lewej stronie kliknij „Nowy”, aby utworzyć nową bazę danych. Wprowadź żądaną bazę danych (na przykład „wordpress”) i sortowanie bazy danych (utf8_general_cito dobry wybór).
Po utworzeniu bazy danych możesz zamknąć phpMyAdmin. Następnym krokiem jest skonfigurowanie pliku konfiguracyjnego WordPressa.
Przejdź do swojego folderu WordPress. Utwórz kopię pliku wp-config-sample.phpi zmień nazwę kopii na wp-config.php. Otwórz wp-config.phpi edytuj następujące wiersze (zakładając, że nazwa Twojej bazy danych to ‘ wordpress‘);
define( 'DB_NAME', 'wordpress' );define( 'DB_USER', 'root' );define( 'DB_PASSWORD', '' );
Resztę pozostaw bez zmian, zapisz i zamknij plik.
W przeglądarce przejdź do http://localhost/wordpress/ (WampServer) / http://localhost:8080/wordpress/ (XAMPP) – lub do dowolnego folderu, w którym rozpakowałeś WordPressa. Powinieneś zostać powitany przez ekran konfiguracji WordPressa. Postępuj zgodnie z instrukcjami, aby skonfigurować instalację WordPress.
Dla użytkowników Windows/WampServer pomyślnie zainstalowałeś WordPress! Jeśli napotkasz problemy, zajrzyj do sekcji „ Możliwe problemy i poprawki dla WampServer “.
Dla użytkowników MaxOS/XAMPP jest niestety kilka dodatkowych kroków, aby WordPress działał poprawnie – przejdź do następnego kroku.
Rozwiązywanie problemów z działaniem WordPressa na XAMPP
Instalacja wtyczek/motywów wymaga podania informacji FTP
Jeśli spróbujesz zainstalować wtyczkę, może pojawić się to okno dialogowe z pytaniem o dane logowania FTP:
Rozwiązaniem, które znalazłem, które rozwiązuje ten problem, jest edycja wp-config.phppliku. Zaraz po WP_DEBUGdefinicji dodaj tę linię
define( 'FS_METHOD', 'direct' );Zapisz i zamknij wp-config.phpplik. WordPress nie będzie już prosić o informacje o FTP, ale nadal nie można zainstalować wtyczek. Najprawdopodobniej otrzymasz komunikat „Instalacja nie powiodła się. Nie można utworzyć katalogu”. Dzieje się tak z powodu niewłaściwego właściciela i uprawnień do plików i folderów.
Instalacja wtyczek/motywów kończy się niepowodzeniem z komunikatem „Nie można utworzyć katalogu”
Aby to naprawić, otwórz Finder, kliknij prawym przyciskiem myszy htdocsfolder i kliknij "Pobierz informacje". W dolnej części okna kliknij, aby rozwinąć "Udostępnianie i uprawnienia". Kliknij ikonę kłódki i wprowadź hasło administratora, aby uzyskać dostęp do zmiany ustawień. Na „Wszyscy” ustaw uprawnienia na „Odczyt i zapis”. Następnie kliknij ikonę koła zębatego i wybierz „Zastosuj do załączonych elementów…”. Kliknij OK w oknie dialogowym.
Ostatnim krokiem jest zmiana uprawnień do plików i folderów za pomocą chmod. Otwórz terminal (Command + Spacja, wpisz „terminal” i kliknij Enter). Po wyświetleniu monitu wpisz „ cd” (wraz ze spacją po), a następnie przeciągnij folder htdocs Findera do okna terminala i kliknij Enter. W przeciwnym razie będziesz musiał wpisać pełną ścieżkę do folderu htdocs (patrz szare pole powyżej). Po wejściu do folderu htdocs wpisz to polecenie i kliknij Enter:
sudo chmod -R 0777 *Jeśli zostaniesz zapytany o hasło administratora, wpisz je i kliknij Enter. Monit powinien pozostać przez chwilę i nagle odświeżyć się do nowego monitu po zakończeniu.
Odśwież stronę administratora WordPressa, a teraz powinieneś móc normalnie korzystać z WordPressa!
Możliwe problemy i poprawki dla WampServer
Ikona WampServer na pasku zadań jest pomarańczowa i nigdy nie zmienia koloru na zielony
Mimo to wypróbuj http://localhost/ w przeglądarce. Jeśli to działa, prawdopodobnie oznacza to, że WampServer jest skonfigurowany z większą liczbą usług, niż potrzebujesz. Potrzebujesz tylko Apache (serwer WWW) i MySQL (baza danych). Doświadczyłem, że WampServer domyślnie próbuje również uruchomić MariaDB (inną usługę bazy danych). Ale ponieważ nie można uruchomić MariaDB, ikona pozostaje pomarańczowa — mimo że Apache i MySQL są uruchomione. W takim przypadku usuń usługę MariaDB.
Localhost nie działa
Niestety przyczyn może być wiele. Zacząłbym od sprawdzenia, czy w ogóle działa zarówno usługa Apache, jak i MySQL. Kliknij ikonę WampServer w zasobniku > Apache > Administrowanie usługami. Jeśli „Usługa uruchamiania / wznawiania” jest zielona i można ją kliknąć, oznacza to, że Apache nie jest obecnie uruchomiony.
Jeśli Apache nie działa, spróbuj kliknąć "Zainstaluj usługę" w tym samym menu. Powinieneś otrzymać wiersz polecenia, który pokazuje, że pomyślnie skonfigurowałeś Apache, lub możesz otrzymać monit, dlaczego nie działa.
W większości przypadków Apache nie może się uruchomić, ponieważ port 80 jest zajęty przez inny program. Sprawdź, czy masz zainstalowany Skype. Google, jak skonfigurować Skype, aby nie zajmował portu 80 i ponownie spróbuj WampServer.
Ładne permalinki nie działają w WordPress
Niestandardowe (ładne) permalinki w WordPressie wymagają zainstalowania modułu „ rewrite_module” na serwerze WWW. Kliknij ikonę WampServer w zasobniku > Apache > Moduły Apache – a na długiej liście znajdź i kliknij „ rewrite_module“. WampServer zainstaluje moduł i automatycznie zrestartuje serwer Apache.
Mój maksymalny rozmiar przesyłanych plików w Bibliotece multimediów to tylko 2 MB
Domyślnie WampServer ustawia maksymalny rozmiar przesyłanego pliku na 2 Mb. Często jest to zbyt małe, aby przesłać większe obrazy do Biblioteki multimediów. Aby to naprawić, musimy zmienić php.iniplik Apache. Kliknij ikonę WampServer > PHP > php.ini. Powinien otworzyć plik w domyślnym programie do edycji tekstu.
Wyszukaj „upload_max_filesize” i zwiększ wartość M (Mb) do czegoś takiego:
upload_max_filesize = 50M
Polecam też zmienić jeszcze jedną rzecz. Wyszukaj „post_max_size”. Zwiększ wartość M (Mb), aby linia wyglądała mniej więcej tak:
post_max_size = 50M
Zamknij plik i uruchom ponownie Apache.