Після установки XAMPP нам необхідно налаштувати віртуальний хости для того щоб у нас для кожного сайти був свій локальний домен в доменній зоні «.local».
Починаємо настройку virtualhost в apache
Для цього нам знадобиться доступ до наступних тек:
Спочатку давайте створимо наш сайт :). Почнемо зі створення папки «testsite.local» в директорії htdocs (C: \ xampp \ htdocs).
Структура цієї паки повинна бути наступною:
структура сайту (Apache)
У index.html повинен бути наступний текст:
це testsite.local<title><br> </head><br> <body><br> <p>це testsite.local</p><br> </body><br> <html></p>
<p>error_log.txt залишаємо порожнім<br> Будемо вважати, що сайт ми сідлали, тепер потрібно повідомити про його існування веб-сервера Apache, але спочатку потрібно перевірити його налаштування:<br> Відкриваємо файл httpd.conf (C: \ xampp \ apache \ conf)</p>
<p>Тепер відкриваємо файл httpd-vhosts.conf (C: \ xampp \ apache \ conf \ extra)</p>
<p>ErrorLog «C: \ xampp \ htdocs \ testsite.local \ logs \ error_log.txt»<br> # Шлях до файлу для запису помилок</p>
<p>• Зберігаємо всі зміни</li>
</ul>
<p>Тепер зупиняємо і запускаємо Apache знову, для того, щоб він прийняв всі зміни.<br> Введіть в браузері 127.1.0.1, маємо отримати так:</p>
<p><div style="text-align:center;"><img src='https://webp.images-on-off.com/25/221/400x368_6f6px260ke68cw55ztlp.webp' title="Налаштування віртуальних хостів в xampp - мережеві утиліти (conf xampp apache conf)" alt="Налаштування віртуальних хостів в xampp - мережеві утиліти" width='400' height='368'/></div></p>
<p>структура сайту (Apache)</p>
<p>У index.html повинен бути наступний текст:</p>
<p><html><br> <head><br> <title>це testsite.local<title><br> </head><br> <body><br> <p>це testsite.local</p><br> </body><br> <html></p>
<p>error_log.txt залишаємо порожнім<br> Будемо вважати, що сайт ми сідлали, тепер потрібно повідомити про його існування веб-сервера Apache, але спочатку потрібно перевірити його налаштування:<br> Відкриваємо файл httpd.conf (C: \ xampp \ apache \ conf)</p>
<p>Тепер відкриваємо файл httpd-vhosts.conf (C: \ xampp \ apache \ conf \ extra)</p>
<p>ErrorLog «C: \ xampp \ htdocs \ testsite.local \ logs \ error_log.txt»<br> # Шлях до файлу для запису помилок</p>
<p>• Зберігаємо всі зміни</li>
</ul><p>Тепер зупиняємо і запускаємо Apache знову, для того, щоб він прийняв всі зміни.<br> Введіть в браузері 127.1.0.1, маємо отримати так:</p>
<p><div style="text-align:center;"><img src='https://webp.images-on-off.com/25/221/400x224_34u6guagl305i3mh4p0q.webp' title="Налаштування віртуальних хостів в xampp - мережеві утиліти (apache conf extra ErrorLog)" alt="Налаштування віртуальних хостів в xampp - мережеві утиліти" width='400' height='224'/></div></p>
<p>Тепер в браузері введіть наступний рядок:<br> http: /testsite.local/<br> Ваш сайт на Вашому локальному домені:</p>
<p><div style="text-align:center;"><img src='https://webp.images-on-off.com/25/221/400x219_dtc0x8vl3m7jhqldmosk.webp' title="Налаштування віртуальних хостів в xampp - мережеві утиліти (xampp)" alt="Налаштування віртуальних хостів в xampp - мережеві утиліти" width='400' height='219'/></div></p>
<p>Ваш статичний IP ім'я вашого домену.</p>
<p>Домен можна безкоштовно зареєструвати до прімреу в dyndns.com.</p>
<p>Цей домен потрібно буде внести в якості аліаса в той віртуальний хост httpd-vhosts.conf. який ви бажаєте бачити в WEB. До цього ми ще повернемося при установці WordPress.</p>
</div>
<div class="extra">
<div class="info"><a href="/articles/chomu-gel-lak-morshhitsja-v-lampi-poradi-ekspertiv.html">Попередня</a> ◈ <a href="/articles/vorozhinnja-na-vigrash-v-lotereju.html">Наступна</a></div>
</div>
</article>
</div>
</div>
</div>
</div>
<div id="sidebar" class="col-1-3">
<div class="wrap-col">
<div class="box">
<div class="content">
</div>
</div> </div>
</div>
</div>
</div>
</section>
<footer>
<div class="wrap-footer pominodiko">
<div class="row">
<div class="col-1-1">
<div class="wrap-col">
<div class="box">
<div class="content">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="copyright">
<p>© Copyright 2016 - 2026 | Всі права захищені</p>
<script>
new Image().src = "https://counter.yadro.ru/hit?r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";h"+escape(document.title.substring(0,150))+
";"+Math.random();</script>
</div>
</footer>
<style>
#cookieNoticeOverlay{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;padding:20px}#cookieNoticeBox{width:100%;max-width:520px;background:#fff;border-radius:18px;padding:28px 24px;box-shadow:0 20px 60px rgba(0,0,0,.35);font-family:Arial,sans-serif;text-align:center}#cookieNoticeBox h2{margin:0 0 14px;font-size:24px;line-height:1.25;color:#111}#cookieNoticeBox p{margin:0 0 22px;font-size:16px;line-height:1.5;color:#333}#cookieNoticeOk{display:inline-block;width:100%;max-width:240px;border-radius:12px;padding:14px 22px;background:#111;color:#fff;font-size:17px;font-weight:700;text-decoration:none;box-sizing:border-box;cursor:pointer}#cookieNoticeOk:hover{background:#333}body.cookie-notice-locked{overflow:hidden}
</style>
<div id="cookieNoticeOverlay">
<div id="cookieNoticeBox" role="dialog" aria-modal="true">
<h2>Cookie на сайті</h2>
<p>Ми використовуємо cookie для коректної роботи сайту та покращення сервісу.</p>
</div>
</div>
<script>
(function(){var storageKey='cookie_notice_ok_until';var showAgainAfter=24*60*60*1000;var now=Date.now();function getAcceptedUntil(){try{return Number(localStorage.getItem(storageKey))||0}catch(e){return 0}}
function setAcceptedUntil(value){try{localStorage.setItem(storageKey,String(value))}catch(e){}}
if(getAcceptedUntil()>now){return}
var overlay=document.getElementById('cookieNoticeOverlay');var okLink=document.getElementById('cookieNoticeOk');if(!overlay||!okLink){return}
function showNotice(){overlay.style.display='flex';document.body.classList.add('cookie-notice-locked')}
function closeNotice(){overlay.style.display='none';document.body.classList.remove('cookie-notice-locked')}
okLink.addEventListener('click',function(event){event.preventDefault();setAcceptedUntil(Date.now()+showAgainAfter);var rawHref=(okLink.getAttribute('href')||'').trim();if(rawHref==='#'||rawHref===''){closeNotice();return}
var targetUrl=new URL(rawHref,window.location.origin).href;window.open(targetUrl,'_blank','noopener,noreferrer');closeNotice()});overlay.addEventListener('click',function(event){event.stopPropagation()});document.addEventListener('keydown',function(event){if(overlay.style.display==='flex'&&event.key==='Escape'){event.preventDefault();event.stopPropagation()}},!0);showNotice()})()
</script></div>
</body>
</html>