Як запустити сайт на PHP на своєму комп'ютері
У частині «Основи PHP» ви попрацювали з PHP усередині нашого тренажеру. Зараз ми розповімо, як запускати сайти на PHP на домашньому комп'ютері.
Більшість сучасних браузерів вміють працювати з HTML, CSS та JavaScript «з коробки». Це означає, що для того, щоб подивитися сайт, написаний однією з цих мов, нічого додатково робити не потрібно. Просто відкрийте файл за допомогою браузера і готове.
З PHP все трохи складніше. Якщо спробувати відкрити файл з розширенням php, то браузер, швидше за все, не впорається. Наприклад, Chrome та Safari замість сайту покажуть його вихідний код, а Firefox запропонує завантажити файл або відкрити його в іншій програмі.
Намагаємося відкрити сайт на PHP у Chrome
На щастя, це просто виправити. Щоб запустити сайт, написаний на PHP, достатньо встановити спеціальну програму веб-сервер. Його завдання прийняти запит від браузера, зрозуміти якого файлу стався запит, обробити цей файл і видати відповідь.
Щоб змусити працювати сайт, написаний на PHP на вашому комп'ютері, потрібно встановити локальний веб-сервер.
Існує кілька варіантів веб-серверів. Якщо ви використовуєте Windows, ми радимо розгорнути у себе веб-сервер Open Server Panel.
* До 2016 року Open Server Panel розміщувався на домені open-server.ru, багато його так і називали Open Server. У деяких джерелах ця назва збереглася досі.
Open Server Panel відноситься до Freeware (поширюється вільно та безкоштовно), але розробники просять про фінансову підтримку (на утримання та розвиток проекту). Без платежу швидкість завантаження дуже низька.Доведеться чекати кілька годин, щоб завантажити дистрибутив (інсталяційний пакет) додатки. Дистрибутив можна завантажити звідси.
Завантажуємо Open Server Panel
Зайдіть в папку, в якій зберегли дистрибутив, і двічі клацніть по завантаженому файлу (він буде називатися приблизно так open_server_panel_X_X_X_setup.exe).
Встановлюємо Open Server Panel
Вітальне вікно майстра установки
У процесі вас попросять обрати папку, куди буде встановлений Open Server Panel.
Вибираємо папку для встановлення
На сторінці вибору компонентів вам буде запропоновано три варіанти установок: повне, компактне та вибіркове.
Варіанти установки: повна, компактна та вибіркова
На завершення майстер виведе список компонентів, що встановлюються, і попросить натиснути кнопку «Встановити».
Завершальний крок майстра.
* Open Server Panel завантажує додаткові бібліотеки, не лякайтеся.
Завантаження додаткових бібліотек
Після успішного завершення інсталятор попросить перезавантажити комп'ютер.
Докладніше про те, як розгорнути у себе на комп'ютері Open Server Panel, розказано на веб-сайті програми. Наступного кроку ми розберемо, як запустити Open Server Panel.
Якщо ви використовуєте MacOS або Linux, то щоб налаштувати PHP на своєму комп'ютері, дотримуйтесь цієї інструкції.
Встановлення та налаштування OpenServer
Ну що, сверблять руки встановити веб-сервер і написати першу програму на PHP?
УВАГА! Якщо ви використовуєте MacOS або Linux, використовуйте як альтернативу XAMPP, у нас є інструкція і по ньому - Встановлення та налаштування XAMPP.
Насамперед йдемо на офіційний сайт OpenServer і завантажуємо програму. Я рекомендую завантажити BASIC-комплектацію, для наших потреб цілком вистачить. Однак можете переглянути список програм, які включені до інших пакетів. Можливо, знайдете щось корисне, будь-який редактор коду або GUI-клієнт для СУБД MySQL.
Отже, почнемо. Насамперед потрібно скачати саму програму.
Тому що на оф. сайті на сьогоднішній день скачати його проблемно, раджу качати звідси.
Посилання на оф. сайт: https://ospanel.io/
Встановлення
Запускаємо установник та задаємо директорію для встановлення програми. Установка являє собою просте розпакування.
Після завершення встановлення вікно мовчки закриється.
Налаштування
Переходимо до папки з розпакованим ПЗ: C:\OpenServer.
Тут ми бачимо файли для запуску програми OpenServer для різних версій системи та 3 папки:
- domains – папка для зберігання Ваших сайтів. Усередині неї ми й створюватимемо наші проекти, наприклад: myproject.loc;
- modules – папка, що містить у собі виконувані файли модулів та необхідні для роботи бібліотеки, додаткові файли;
- userdata – папка, в якій знаходяться дані користувача СУБД, файли кешу, логи, а також файли конфігурації модулів.
Запустимо один із exe-файлів докорінно, залежно від розрядності вашої ОС. У моєму випадку це Open Server x64.exe.
Вибираємо мову та погоджуємось із встановленням необхідних бібліотек:
Перезавантажуємо комп'ютер. Після перезавантаження знову запускаємо наш exe`шник. У треї з'являється значок з червоним прапорцем.
Тиснемо по ньому правою кнопкою миші та вибираємо пункт "Налаштування". Відкриється головне вікно програми. Перейдемо у вкладку “Модулі” та оберемо версію PHP: PHP 8 та версію Apache: Apache-PHP-8.
Потім перейдемо у вкладку "Домени", виберемо "автопошук доменів" і як кореневу папку домену виберемо пункт з найбільшою кількістю варіантів. Ви також можете дописати свої варіанти сюди.
Після чого натискаємо "Зберегти" та закриваємо вікно налаштувань.
Hello World
Перейдемо до папки “domains” і створимо директорію для нашого проекту. Назвемо його "myproject.loc". Усередині створимо директорію "www". А усередині неї файл "index.php". Відкриємо його і впишемо наступний код:
Тепер можна запустити сервер та перевірити роботу скрипта.
Якщо під час старту сервера з'явилася помилка: Файл C:\Windows\system32\drivers\etc\hosts недоступний для запису - варто закрити програму та запустити її від імені адміністратора.
Прапорець у треї має стати зеленим.
Відкриємо браузер та перейдемо за адресою http://myproject.loc/
Якщо ж замість сторінки ви побачили 404 помилку сервера, то швидше за все ваш файл названий не index.php а index.php.txt, при цьому .txt не відображається в імені. Тоді потрібно увімкнути показ розширень для всіх файлів і потім прибрати у файлу приписку .txt наприкінці. Після цього оновити сторінку у браузері та порадіти результату.
Вітаю! Ваша перша (чи ні?) програма щойно успішно відпрацювала! Ми побачили результат її роботи. І якщо ми зараз відкриємо вихідний сторінки в браузері, то там не буде нашого вихідного коду. Він виконався, а веб-сервер дав нам готовий результат. Користувач ніколи не побачить ваш код на PHP. Ось так просто;)
На цьому конфігурацію завершено. У наступному уроці ми встановимо та налаштуємо найкрутішу IDE для PHP-розробника – PHPStorm. А ще дізнаємося про те, як можна користуватися ним безкоштовно.
До зустрічі!
