Урок 2: Настройка среды разработки для PHP

На втором уроке нашего курса по изучению PHP мы разберем, как настроить среду разработки для PHP, чтобы вы могли начать писать и тестировать свои первые PHP-скрипты. Мы установим локальный сервер, создадим первую PHP-страницу и рассмотрим несколько практических задач для закрепления материала.

Зачем нужен локальный сервер?

PHP это серверный язык программирования. Это значит, что для его работы нужен сервер, который будет обрабатывать PHP-код и возвращать результат в виде HTML-страницы. В реальной жизни PHP-скрипты выполняются на веб-сервере, но для разработки и тестирования удобно использовать локальный сервер на вашем компьютере. Это позволит вам работать над проектами без необходимости загружать файлы на удаленный сервер.

Установка локального сервера

Существует несколько популярных решений для создания локального сервера: XAMPP, WAMP и MAMP. Они включают в себя все необходимые компоненты: веб-сервер (Apache), базу данных (MySQL) и интерпретатор PHP. Давайте рассмотрим каждый из них.

1. Установка XAMPP

XAMPP это кроссплатформенное решение, которое работает на Windows, macOS и Linux. Вот как его установить:

  1. Скачайте XAMPP: Перейдите на официальный сайт XAMPP и выберите версию для вашей операционной системы.
  2. Запустите установщик: Следуйте инструкциям мастера установки. Вы можете выбрать компоненты, которые хотите установить (Apache, MySQL, PHP и т.д.).
  3. Запустите XAMPP: После установки откройте панель управления XAMPP и запустите модули Apache и MySQL.
  4. Проверьте установку: Откройте браузер и перейдите по адресу http://localhost. Если вы видите страницу приветствия XAMPP, значит, все работает правильно.

2. Установка WAMP

WAMP это решение для Windows. Оно проще в настройке, но работает только на этой платформе.

  1. Скачайте WAMP: Перейдите на официальный сайт WAMP и загрузите установщик.
  2. Установите WAMP: Запустите установщик и следуйте инструкциям.
  3. Запустите WAMP: После установки откройте панель управления WAMP и запустите сервер.
  4. Проверьте установку: Перейдите по адресу http://localhost в браузере. Если вы видите страницу приветствия WAMP, установка прошла успешно.

3. Установка MAMP

MAMP это решение для macOS, но оно также доступно для Windows.

  1. Скачайте MAMP: Перейдите на официальный сайт MAMP и загрузите установщик.
  2. Установите MAMP: Запустите установщик и следуйте инструкциям.
  3. Запустите MAMP: Откройте приложение MAMP и запустите сервер.
  4. Проверьте установку: Перейдите по адресу http://localhost:8888 (порт по умолчанию для MAMP). Если вы видите страницу приветствия, все готово.

Создание первой PHP-страницы

Теперь, когда сервер работает, создадим простую страницу.

1. Где хранить файлы?

  • XAMPP/WAMP: Папка htdocs в директории установки (например, C:xampphtdocs).
  • MAMP: Папка htdocs в разделе MAMP.

Создайте в htdocs папку myproject это будет корень вашего сайта.

2. Пишем «Hello, World!»

  1. Откройте редактор кода (например, VS Code или Sublime Text).
  2. Создайте файл index.php в папке myproject.
  3. Вставьте код: 
    <span class="token php language-php"><span class="token delimiter important"><?php</span>
  <span class="token keyword">echo</span> <span class="token string double-quoted-string">"<h1>Hello, World! Я изучаю PHP!</h1>"</span><span class="token punctuation">;</span>
<span class="token delimiter important">?></span></span>
  4. Сохраните файл.

В браузере перейдите по адресу http://localhost/myproject. Если видите заголовок, вы молодец!

Практические задания

Закрепим знания на практике.

Задача 1: Установите локальный сервер

  • Выберите XAMPP, WAMP или MAMP.
  • Убедитесь, что сервер запущен и доступен по http://localhost.

Задача 2: Создайте страницу с вашим именем

  1. В папке htdocs создайте директорию aboutme.
  2. Напишите код: 
    <span class="token php language-php"><span class="token delimiter important"><?php</span>
  <span class="token variable">$name</span> <span class="token operator">=</span> <span class="token string double-quoted-string">"Максим"</span><span class="token punctuation">;</span>
  <span class="token keyword">echo</span> <span class="token string double-quoted-string">"Привет, меня зовут <span class="token interpolation"><span class="token variable">$name</span></span>!"</span><span class="token punctuation">;</span>
<span class="token delimiter important">?></span></span>
  3. Откройте страницу в браузере.

Задача 3: Комбинируем PHP и HTML

Добавьте HTML-разметку в PHP-файл:

<span class="token doctype"><span class="token punctuation"><!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>html<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>head<span class="token punctuation">></span></span>
    <span class="token tag"><span class="token punctuation"><</span>title<span class="token punctuation">></span></span>Мой первый сайт<span class="token tag"><span class="token punctuation"></</span>title<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>head<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"><</span>body<span class="token punctuation">></span></span>
    <span class="token php language-php"><span class="token delimiter important"><?php</span>
        <span class="token variable">$date</span> <span class="token operator">=</span> <span class="token function">date</span><span class="token punctuation">(</span><span class="token string single-quoted-string">'d.m.Y'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
        <span class="token keyword">echo</span> <span class="token string double-quoted-string">"<p>Сегодня: <span class="token interpolation"><span class="token variable">$date</span></span></p>"</span><span class="token punctuation">;</span>
    <span class="token delimiter important">?></span></span>
<span class="token tag"><span class="token punctuation"></</span>body<span class="token punctuation">></span></span>
<span class="token tag"><span class="token punctuation"></</span>html<span class="token punctuation">></span></span>

Подсказка: Функция date() выводит текущую дату.

Частые ошибки и их решение

  • Страница не открывается: Проверьте, запущен ли сервер. Убедитесь, что файл сохранен в htdocs.
  • Код не работает: Убедитесь, что файл имеет расширение .php, а не .html.
  • Ошибки в синтаксисе: Проверьте точки с запятой ; и закрывающие теги ?>.

Вы только что сделали огромный шаг. Теперь у вас есть рабочая среда для разработки на PHP. В следующем уроке мы углубимся в синтаксис языка и переменные.

Не останавливайтесь, полный курс по PHP для начинающих ждет вас.

Удачи в обучении и до встречи на следующем уроке. https://sovet-seo.ru/kurs_php.html

Наверх