Повний посібник із встановлення веб-сервера та WordPress на Localhost
Будь-який розробник WordPress повинен мати можливість розробляти на локальному веб-сервері. Це швидкий і прямий спосіб побачити ваш код у дії. У цьому дописі я розповім про встановлення та налаштування програми веб-сервера на вашому комп’ютері (як у Windows, так і в MacOS), а також розповім про способи вирішення проблем, які можуть виникнути.
Існує багато рішень щодо налаштування локального веб-сервера, наприклад, за допомогою Docker, Vagrant або простої програми веб-сервера. Останнє, безумовно, найпростіше. У цій публікації описано процес налаштування WampServer для Windows і XAMPP для MacOS. Перейдіть до операційної системи вашого комп’ютера:
Встановлення WampServer на Windows
Встановити веб-сервер для Windows досить просто. Здебільшого це пов’язано з виконанням інструкцій майстра налаштування, тому я не буду вдаватися в подробиці.
Першим кроком є завантаження програми веб-сервера. Натисніть посилання, щоб перейти на веб-сторінку WampServer, і натисніть «Завантажити» в меню.
Ви можете встановити 64- або 32-розрядну версію. Більшість сучасних комп’ютерів підтримують 64-розрядні версії, тож я піду на це. Після натискання кнопки завантаження з’явиться спливаюча форма, але ви можете просто натиснути на посилання вгорі з написом «ви можете завантажити це безпосередньо». Це приведе вас до фактичного завантаження.
Після завантаження файлу клацніть файл .exe, щоб розпочати встановлення. Дотримуйтеся процесу налаштування. Майте на увазі, що місце, де ви виберете для встановлення WampServer, вам потрібно буде розмістити файли WordPress та будь-які інші проекти веб-сайтів, які ви, можливо, захочете зробити. Якщо буде запропоновано вказати браузер за замовчуванням, виберіть програму браузера (зазвичай знаходиться у вкладеній папці в C:Program Files (x86)
).
Після завершення інсталяції та запуску WampServer він з’явиться на системній панелі Windows (права частина панелі завдань, біля годинника).
Коли значок зелений, WampServer успішно запускає веб-сервер. Коли він помаранчевий або червоний, сервер офлайн. Клацніть піктограму WampServer у треї, щоб налаштувати та запустити/перезапустити/зупинити служби.
Щоб перевірити, чи працює веб-сервер, відкрийте свій браузер і перейдіть на http://localhost/. Ви повинні побачити домашню сторінку WampServer.
Якщо ви успішно запустили веб-сервер, відразу перейдіть до «Встановлення WordPress »! Якщо щось пішло не так, перегляньте розділ під назвою «Можливі проблеми та виправлення для WampServer», щоб спробувати вирішити проблему.
Встановлення XAMPP на MacOS X
Налаштування веб-сервера та змусити WordPress працювати належним чином на MacOS, безумовно, складно. Після того, як я зробив це кілька разів, я знайшов процес із найменшою кількістю кроків і найкращим результатом.
Перейдіть на веб-сайт XAMPP і знайдіть велику зелену область завантаження. Натисніть «XAMPP для OS X».
Дотримуйтесь інструкцій із налаштування та, коли буде запропоновано, перетягніть піктограму до папки «Програми». Клацніть «Відкрити» в діалогових вікнах із запитом, чи впевнені ви, що відкриваєте програму, завантажену з Інтернету. Після завершення налаштування запустіть програму XAMPP із панелі запуску.
Коли XAMPP запускається вперше, вам потрібно буде натиснути кнопку «Почати».
Через деякий час індикатор має змінитися з червоного на зелений, і ви побачите свою IP-адресу. На даний момент веб-сервер і сервер бази даних запущені та працюють за наданою IP-адресою. Але ми хочемо використовувати гарну URL-адресу локального хосту замість IP-адреси. Натисніть вкладку «Мережа» і в рядку «localhost:8080» натисніть кнопку Увімкнути.
Коли цей рядок стане зеленим, відкрийте URL-адресу http://localhost:8080/ у своєму браузері. Ви повинні побачити сторінку привітання XAMPP. Це означає, що веб-сервер запущений і працює.
Щоб отримати доступ до папки веб-проекту, куди ви будете розміщувати WordPress та будь-які інші файли проекту, вам потрібно перейти на вкладку Тома в XAMPP. Натисніть кнопку «Змонтувати».
XAMPP має успішно запустити веб-сервер і сервер бази даних MySQL, готовий для встановлення WordPress. Щоб установити WordPress, виконайте наведені нижче кроки, оскільки для належної роботи XAMPP потрібно виконати кілька додаткових кроків.
Встановлення WordPress (як WampServer, так і XAMPP)
Перейдіть на сторінку завантаження WordPress і натисніть синю кнопку завантаження. Він повинен надати вам zip-файл, який після розпаковування створить папку «wordpress» з усіма файлами для роботи WordPress.
Перемістіть завантажений zip-файл у www
папку (для WampServer) / htdocs
папку (для XAMPP). Розархівуйте завантажений zip-файл. Після завершення розпакування ви повинні мати підпапку «wordpress» у папці веб-сервера. Це означає, що WordPress буде доступний за URL-адресою http://localhost/wordpress/ (для WampServer) / http://localhost:8080/wordpress/ для (XAMPP). Однак ви можете перейменувати папку, якщо хочете.
Наступний крок — створення бази даних для WordPress. І WampServer, і XAMPP автоматично встановлюють phpMyAdmin для доступу до баз даних. Для WampServer: клацніть піктограму WampServer на системній панелі та натисніть «phpMyAdmin» або перейдіть за URL-адресою http://localhost/phpmyadmin. Для XAMPP: увійдіть у phpMyAdmin, перейшовши за URL-адресою http://localhost:8080/phpmyadmin або клацнувши пункт меню «phpMyAdmin» у верхньому правому куті вітальної сторінки XAMPP за адресою http://localhost:8080. Увійдіть, використовуючи ім’я користувача «root» і порожній пароль (обидва веб-сервери).
На бічній панелі ліворуч натисніть «Новий», щоб створити нову базу даних. Введіть потрібну базу даних (наприклад, «wordpress») і сортування бази даних (utf8_general_ci
це хороший вибір).
Після створення бази даних ви можете закрити phpMyAdmin. Наступним кроком є налаштування файлу конфігурації WordPress.
Перейдіть до папки WordPress. Зробіть копію файлу wp-config-sample.php
та перейменуйте копію на wp-config.php
. Відкрийте wp-config.php
та відредагуйте наступні рядки (якщо назва вашої бази даних «wordpress
»);
define( 'DB_NAME', 'wordpress' );
define( 'DB_USER', 'root' );
define( 'DB_PASSWORD', '' );
Решту залиште як є, збережіть і закрийте файл.
У своєму браузері перейдіть до http://localhost/wordpress/ (WampServer) / http://localhost:8080/wordpress/ (XAMPP) – або будь-якої іншої папки, у яку ви розпакували WordPress. Вас має зустріти екран налаштування WordPress. Виконайте кроки, щоб налаштувати інсталяцію WordPress.
Для користувачів Windows/WampServer ви успішно встановили WordPress! Якщо у вас виникли проблеми, перегляньте розділ «Можливі проблеми та виправлення для WampServer ».
Для користувачів MaxOS/XAMPP, на жаль, є деякі додаткові кроки, щоб забезпечити належну роботу WordPress – перейдіть до наступного кроку.
Виправлення проблем із запуском WordPress на XAMPP
Встановлення плагінів/тем запитує інформацію FTP
Якщо ви спробуєте встановити плагін, ви можете отримати це діалогове вікно із запитом про облікові дані FTP:
Рішення, яке я знайшов, яке вирішує цю проблему, — редагування вашого wp-config.php
файлу. Відразу після WP_DEBUG
визначення додайте цей рядок
define( 'FS_METHOD', 'direct' );
Збережіть і закрийте wp-config.php
файл. WordPress більше не запитуватиме інформацію про FTP, але плагіни все одно не можна встановити. Ви, швидше за все, отримаєте повідомлення «Помилка встановлення. Не вдалося створити каталог». Це відбувається через неправильне право власності та дозволи на файли та папки.
Помилка встановлення плагінів/тем із повідомленням «Не вдалося створити каталог»
Щоб виправити це, відкрийте Finder, клацніть правою кнопкою миші htdocs
папку та натисніть «Отримати інформацію». У нижній частині вікна натисніть, щоб розгорнути «Спільний доступ і дозволи». Натисніть значок замка та введіть пароль адміністратора, щоб отримати доступ до змін налаштувань. У розділі «Усі» встановіть дозвіл «Читання та запис». Потім клацніть піктограму Cog і виберіть «Застосувати до вкладених елементів…». Натисніть OK у діалоговому вікні.
Останнім кроком є зміна дозволів на файли та папки за допомогою chmod
. Відкрийте термінал (Command + пробіл, введіть «термінал» і натисніть Enter). У запит напишіть «cd
» (включно з пробілом після), а потім перетягніть папку Finder htdocs у вікно терміналу та натисніть Enter. В іншому випадку вам потрібно буде ввести повний шлях до папки htdocs (див. сіре поле вище). Опинившись у папці htdocs, введіть цю команду та натисніть Enter:
sudo chmod -R 0777 *
Якщо буде запропоновано ввести пароль адміністратора, введіть його та натисніть Enter. Підказка має залишатися деякий час і раптово оновлюватись до нової підказки, коли вона закінчиться.
Оновіть сторінку адміністратора WordPress, і тепер ви зможете використовувати WordPress як зазвичай!
Можливі проблеми та їх вирішення для WampServer
Значок WampServer у системній панелі помаранчевий і ніколи не стає зеленим
Усе одно спробуйте http://localhost/ у браузері. Якщо це працює, це, ймовірно, означає, що WampServer налаштовано з більшою кількістю служб, ніж вам потрібно. Вам потрібні лише Apache (веб-сервер) і MySQL (база даних). Я відчув, що WampServer за замовчуванням також намагається запустити MariaDB (інша служба бази даних). Але оскільки він не може запустити MariaDB, значок залишається помаранчевим, навіть якщо Apache і MySQL запущені. Якщо це так, видаліть службу MariaDB.
Localhost не працює
На жаль, для цього може бути багато причин. Я б почав із перевірки, чи запущено взагалі служби Apache і MySQL. Натисніть піктограму WampServer у треї > Apache > Адміністрування служби. Якщо «Служба запуску/відновлення» зелена і її можна натиснути, це означає, що Apache наразі не запущено.
Якщо Apache не запущено, спробуйте натиснути «Встановити службу» в цьому ж меню. Ви повинні отримати командний рядок, який показує, що Apache налаштовано успішно, або ви можете отримати підказку, чому він не працює.
У більшості випадків Apache не може запуститися, оскільки порт 80 зайнятий іншою програмою. Перевірте, чи встановлено у вас Skype. Google, як налаштувати Skype, щоб не займати порт 80, і спробуйте WampServer ще раз.
Гарні постійні посилання не працюють у WordPress
Спеціальні (красиві) постійні посилання в WordPress вимагають встановлення модуля «rewrite_module
» на вашому веб-сервері. Клацніть піктограму WampServer у треї > Apache > Модулі Apache – і в довгому списку знайдіть і натисніть «rewrite_module
». WampServer встановить модуль і автоматично перезапустить веб-сервер Apache.
Мій максимальний розмір завантаження в медіатеку становить лише 2 МБ
За замовчуванням WampServer встановлює максимальний розмір файлу для завантаження 2 Мб. Часто це замало для завантаження більших зображень у медіатеку. Щоб виправити це, нам потрібно змінити php.ini
файл Apache. Натисніть піктограму WampServer > PHP > php.ini. Він має відкрити файл у вашій програмі редагування тексту за замовчуванням.
Знайдіть «upload_max_filesize» і збільште значення M (Мб) до приблизно такого:
upload_max_filesize = 50M
Я також пропоную змінити ще одну річ. Знайдіть «post_max_size». Збільште значення M (Mb), щоб лінія виглядала приблизно так:
post_max_size = 50M
Закрийте файл і перезапустіть Apache.