Міністерство освіти і науки України

Тернопільський національний технічний університет імені Івана Пулюя

Кафедра комп’ютерних наук

Звіт
з виконання лабораторної роботи №2
на тему: «Локальні веб-сервери. Встановлення, налаштування та
використання OpenServer»
з дисципліни: «Веб-технології»

Виконав:
студент групи СНс-31
Жаров Б.А.
Перевірив:
Дуда О.М.

Тернопіль 2022
 Тема: Локальні веб-сервери. Встановлення, налаштування та
використання OpenServer.

Мета: Одержання навичок інсталяції пакету OpenServer для

операційної системи Windows. Ознайомлення з принципами функціонування
та використання OpenServer для локального розроблення та тестування веб-
застосунків. Дослідження основних налаштувань OpenServer для
адміністрування веб-застосунків та баз даних.
Хід роботи:

1.Початок роботи

Для початку потрібно завантажити файл OpenServer(див рисунок 1.1)

Рисунок 1.1 – встановлювач OpenServer

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

Встановлення OpenServer починається з стандартоної для усіх програм

процедур: підписання ліцензії використання, вибір розташування на диску.
Тому ці пункти будуть опущені,проте вибір компоненів буде представлено
нижче.
Прогорами для веб-розробки встановлені при виконанні лабораторної
роботи №1.Для економії простору на накопичувачі будуть встановлені лише
останні версії Apache і PHP(див. рисунки 2.1-2.2)
 Рисунок 2.1 – Вибір версії Apache

Рисунок 2.2 – Вибір версії PHP

Основною СУБД обрано MySQL 8.0, а в якості нереляційної бази

данних було обрано MongoDB 5.0. Решта налаштувань зображено на рисунку
2.3.
 Рисунок 2.2 – Додаткові параметри установки

3. Запуск OpenServer

При першому запуску OpenServer з’являється вікно з варіантами

обирання мови, яке зображене на рисунку 3.1

Рисунок 3.1 – Вікно обирання мови

Переконатися в тому, що OpenServer працює потрібно звернути увагу

на праву сторону панелі задач. При успішному запуску з’явиться
прапор(див. рисунок 3.2)
 Рисунок 3.2 – Приклад успішного запуску

4. Первинні налаштування OpenServer

За допомогою меню запущеного OpenServer потрібно відкрити розділ

«Налаштування» (див. рисунок 4.1).

Рисунок 4.1 – Пункт меню OpenServer «Налаштування»

В першій вкладці «Основні» можна змінити візуальне оформлення та
вибрати мову інтерфейсу (див. рисунок 4.2).

Рисунок 4.3 – Вкладка налаштувань OpenServer «Основні»

 Вкладка «Сервер» використовується для налаштування параметрів
віртуального диска, ввімкнення та вимкнення налагоджувального та
агресивного режимів, налаштування портів веб-сервісів (див. рисунок 4.4).

Рисунок 4.4 – Вкладка налаштувань OpenServer «Сервер»

На вкладці «Модулі»(див. рисунок 4.5) змінено версію PHP і Http

сервера, і обрано бази даних

Рисунок 4.5 – Вкладка налаштувань OpenServer «Модулі»

 На вкладці «Меню»(див. рисунок 4.6) змінено браузер який буде
відкривати сторінки на Google Chrome і текстовий редактор на Vs code

Рисунок 4.6 – Вкладка налаштувань OpenServer «Меню»

5. Початок роботи з OpenServer

Для початку роботи з OpenServer потрібно натиснути кнопку

«Запустити» і далі обрати пункти «Мої проекти» і натиснути «Localhost».
Далі відбудеться відкривання сторінки привітання (див. рисунок 5.1)

Рисунок 5.1 – стандартна сторінка

 На стандартній сторінці можна перейти на сайт з документацією
OpenServer (див. рисунок 5.2).

Рисунок 5.2 – Сторінка з документацією

Підключення до MySQL
 Адрес: домен вашого сайту*
 Порт: 3306
 Користувач: mysql
 Пароль: (пусто)
ROOT підключення до MySQL
 Користувач: root
 Пароль: (пусто)
Підключення к MongoDB
Адрес: домен вашого сайту*
 Порт: 27017
 Користувач: (пусто)
  Пароль: (пусто)
6. Створення проектів

Для створення проекту необхідно натиснути пункт «Папка з

проектами»(див. рисунок 6.1)

Рисунок 6.1 – Пункт «Папка з проектами»

Далі відчиниться провідник в якому для необхідно створити папки (див
рисунок 6.2) для того щоб OpenServer побачив нові проекти

Рисунок 6.2 – розташування проектів

 Далі для того щоб OpenServer побачив нові проекти необхідно його
перезавантажити. Після цього в пункті «Мої проекти» з’являться нові
позиції(див. рисунок 6.3)

Рисунок 6.3 – Розташування проектів

7.   Phpinfo

Для використання функції Phpinfo необхідно створити файл index.php і

помістити код <?php phpinfo(); ?>. Результатом цього буде при відкриванні
проекту буде інформація про версію php(див. рисунок 7.1)
 Рисунок 7.1 – результат виконання функції phpinfo()
8. «PHP інформація»

Альтернативним способом доступу до попередньої сторінки (див рис

7.1) також можливо за допомогою пункту «PHP інформація» (див. рисунок
8.1)

Рисунок 8.1 – "PHP інформація"

 9. Додаткові профілі налаштувань

Змінимо теперішній профіль налаштувань (рисунки 9.1 – 9.2)

Рисунок 9.1 – Профіль налаштувань до зміни конфігурації

Рисунок 9.2 – результат виконання phpinfo() до зміни

Зміни будуть проведені у версії PHP і результат їх буде показано на

рисунках 9.3 - 9.4
 Рисунок 9.3 - Профіль налаштувань після зміни конфігурації

Рисунок 9.4 – результат виконання phpinfo() після зміни конфігурації

 10. PhpMyAdmin

Для доступу до баз даних необхідно скористатись параметрами

адміністративного доступу збереженими в п.5 і залогінитись в PhpMyAdmin .
Після процесу входу з’явиться головна сторінка (рисунок 10.1)

Рисунок 10.1 – головна сторінка PhpMyAdmin

Для створення бази даних потрібно натиснути на кнопку «Нова» (рис.

10.1) у лівому верхньому кутку сторінки. Далі відкриється інструмент для
створення бази даних(див. рисунок 10.2)
 Рисунок 10.2 – головна сторінка PhpMyAdmin

Далі потрібно наповнити БД таблицями. Створення таблиці буде

показано на прикладі Employee(див. рисунок 10.3)

Рисунок 10.3 – Приклад створення таблиці

 Також були створені таблиці Client і Product. Остаточний вигляд бази
даних зображено на рисунку 10.4

Рисунок 10.4 – Остаточний вигляд бази даних

11. Ознайомтесь з інтерфейсами решти додаткових інструментів

«OpenServer».
Додаткові інструменти (див. рисунок 11.1), які надає OpenServer
виконують функції пришвидшення і полегшення роботи для розробника.

Рисунок 11.1 – Додаткові інструменти

 PhpMyAdmin , SqlManger і PHP Adminer виконую однакову функцію, а
саме збільшують зручність роботи з базами даних. Решта інструментів
досить рідко використовуються.

12.Функціонал та інтерфейси PhpMyAdmin і PHP Adminer.

Оскільки виникає помилка при вході до бази даних(див. рисунок 12.1),

порівняти інтерфейси цих двох програм немає можливості, проте більшість
подібних інструментів мають досить схожий функціонал тому вибір одного із
них не є принциповим.

Рисунок 12.1 – помилка при вході в Adminer