Запуск файлів PHP у коді Visual Studio за допомогою XAMPP: покроковий посібник

Код Visual Studio (VS Code) є досить корисним інструментом для розробників, яким потрібен безкоштовний, але легкий редактор коду, тоді як XAMPP у Windows використовується для забезпечення популярного стеку AMP, призначеного для роботи в системах на базі Linux для створення середовища веб-сервера. XAMPP включає Apache, MySQL, PHP і PHPMyAdmin разом із Mercury, Filezilla та Tomcat. Він не призначений для використання у виробництві, натомість розробники використовують його для безперешкодного створення та тестування програм на основі PHP.

Тут, у цьому посібнику, ми дізнаємося, як ми можемо використовуватиКод Visual Studio для запуску та тестування наших файлів PHP за допомогою веб-сервера XAMPP у системах Windows 11 або 10.

1. Встановіть код Visual Studio

Оскільки ми використовуємо VScode для створення файлів PHP у цьому підручнику, спочатку відкрийте його на своєму ПК. Ті, хто ще не має коду Visual Studio на робочому столі чи сервері Windows, можуть відвідатиофіційний сайтщоб отримати інсталятор. Користувачі Windows також можуть використовувати командний термінал і Winget для встановлення VSCode.

2. Встановіть розширення PHP для коду Visual Studio

Відкривши VScode, встановіть розширення PHP. Для цього або клацніть піктограму розширення на панелі активності зліва, або скористайтеся комбінацією клавіш –Ctrl+Shift+X.Там знайдіть PHP у вікні пошуку, а потім виберіть будь-яке популярне розширення, наприклад, тут ми збираємося PHP від DEVSENSE. Натисніть на «встановити”, щоб отримати його.

Розширення допоможе нам ефективно написати код PHP і налагодити його, якщо є якась помилка.

3. Встановіть XAMPP

XAMPP — це безкоштовне, але досить корисне програмне забезпечення для користувачів Windows, які хочуть мати середовище веб-сервера Apache, MySQL і PHP на своєму ПК для тестування веб-програм. Отже, щоб запускати або тестувати файли PHP, створені в Visual Code Studio, інсталюйте XAMPP. Якщо у вас уже є, то можете рухатися далі, інакше відвідайтеофіційний веб-сайт XAMPP, щоб отримати налаштування.

Після відкриття панелі керування XAMPP запустіть веб-сервер APACHE, оскільки він потрібен для перегляду файлів PHP у браузері.

4. Створіть папку Project

Тепер давайте скористаємося Visual Code Studio та створимо папку нашого проекту всередині htdocs XAMPP. Для цього відкритого VScode натисніть «Файл» і виберіть «Відкрити папку”.абовикористовувати комбінацію клавішCtrl+K.

Перейдіть доC:/Xampp/htdocsі натисніть на «Виберіть папку”.

Тепер натисніть напапкуі дайте назву папці проекту.

5. Створіть файл PHP:

Створивши папку проекту, виберіть її та натисніть назначок файлущоб створити файл PHP із будь-якою назвою разом із“.php”розширення.Наприклад, тут ми створюємо файл "myfirstphp.php».

Напишіть свій код PHP або скопіюйте та вставте його у файл. Зберегти файл –Ctrl+S.

Код, який ми використали, знаходиться тут, якщо він вам знадобиться:

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PHP Example</title>
    <style>
        body {
            background-color: #f4f4f4; /* Set the background color */
            font-family: 'Arial', sans-serif; /* Set the font family */
            color: #333; /* Set the text color */
            margin: 20px; /* Add some margin for better visibility */
        }

        h1 {
            color: #007BFF; /* Set a different color for the heading */
        }
    </style>
</head>
<body>

    <?php
    // PHP code starts here

    // Display a greeting message
    echo "<h1>Hello, PHP!</h1>";

    // Get the current date and time
    $currentDate = date("Y-m-d H:i:s");

    // Display the current date and time
    echo "<p>Current Server Date and Time: $currentDate</p>";

    // PHP code ends here
    ?>

</body>
</html>

6. Запустіть файл PHP

Тепер у нас готовий файл PHP, створений у Visual Code Studio. Щоб запустити та протестувати його, відкрийте системний веб-браузер і перейдіть доhttps://localhost/project-folder/your-file-name.php.Наприклад, назва нашого PHP-файлу:myfirstphp.php“, тому URL-адреса для доступу до нього буде такою:

https://localhost/myproject/myfirstphp.php

Ви маєте побачити результат свого PHP-коду, який відображається у браузері.

Налагодження PHP (необов'язково)

Visual Studio Code також підтримує налагодження коду PHP; встановіть контрольні точки у вашому PHP-коді, клацнувши в області поряд із номерами рядків. Або натиснітьF5або перейдіть до "бігтиі виберіть «Почніть налагодження.” Ви можете використовувати Debug Console для перевірки змінних і покрокового перегляду коду PHP.

Інші статті: