Как настроить виртуальный хост в Windows 10

Опубликовано: 2021-02-22
Следуйте @Cloudways

Многие разработчики начинают веб-разработку в своей локальной среде, а когда работа сделана, они переносят свой сайт в рабочую среду. Локальная установка обеспечивает гибкую среду разработки для экспериментов с новыми методами, и, что наиболее важно, управление кодом проекта является простым делом. Если вы работаете с WordPress, настройка виртуальных хостов и стека XAMPP - простая задача.

Стек XAMPP предоставляет вам локальную платформу, на которой вы можете устанавливать и запускать свои сайты WordPress прямо с рабочего стола / Mac. Стек поддерживает те же компоненты, что и фактический веб-сервер, и гарантирует, что, когда придет время запустить проект, базы данных и весь веб-сайт (-ы) можно будет легко перемещать без каких-либо проблем.

В этом руководстве я собираюсь продемонстрировать, как вы можете устанавливать и настраивать виртуальные хосты для веб-сайтов WordPress с XAMPP, работающим в Windows 10. Я предполагаю, что у вас уже установлены XAMPP и WordPress в вашей Windows 10. Если вас интересует настройка Чтобы создать новый сайт WordPress на XAMPP, мы создали подробное руководство, в котором подробно рассказывается об установке и запуске сайта WordPress на XAMPP.

  • Что такое виртуальный хост?
  • Создать виртуальный хост
  • Настроить URL-адрес сайта WordPress

Что такое виртуальный хост?

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

Есть три типа виртуальных хостов; на основе имени, IP и порта.

На основе имени вы можете разместить несколько веб-сайтов на одном IP-адресе сервера.

В IP-режиме каждый веб-сайт использует уникальный IP-адрес.

При использовании портов разные веб-сайты размещаются на общем IP-адресе, но различаются по уникальному номеру порта.

Создать виртуальный хост

В этой статье я создаю виртуальный хост в локальной среде для работы с различными проектами WordPress.

Итак, приступим!

Во-первых, вам нужно перейти к D: \ xampp \ apache \ conf \ extra или туда, где находятся ваши файлы XAMPP. В моем случае мой файл XAMPP находится на диске D.

расположение файла xampp vhost

Затем отредактируйте httpd-vhosts.con f в любом текстовом редакторе. В моем случае я использую Notepad ++.

отредактировать файл httpd vhosts

Файл выглядит примерно так:

httpd vhost conf файл

Теперь вставьте следующий код в конец текста / кода файла:

 <VirtualHost *: 80>

DocumentRoot "D: \ xampp \ htdocs \ testing"

Имя сервера farhan.cw

<Каталог "D: \ xampp \ htdocs \ testing">

</Directory>

</VirtualHost>

В приведенном выше коде:

  • VirtualHost: большинство веб-серверов используют порт 80 в качестве порта по умолчанию. Однако вы можете изменить порт на 8080, 8081 и т. Д.
  • DocumentRoot: папка, в которой будут существовать файлы сайта. В нашем случае папка называется «тестирование».
  • ServerName : это URL-адрес нашего виртуального хоста.
  • Каталог: это каталог нашего виртуального хоста.

Теперь перейдите в Windows> Поиск> Выполнить и вставьте следующую строку:

 C: \ Windows \ System32 \ drivers \ etc \ hosts 

расположение файла хоста Windows 10

Затем откройте файл Host в текстовом редакторе и добавьте следующую строку в файл Host.

 127.0.0.1 farhan.cw 

редактировать файл хоста в Windows 10

Как только вы закончите, вам нужно перезапустить Apache и MySQL из панели управления XAMPP и проверить, открывается ли http://localhost/testing в вашем браузере.

перезапустить apache

Вы можете видеть, что домен был успешно изменен, и для вашего предыдущего URL-адреса (http: // localhost / testing) появляется внутренняя ошибка сервера 500.

проверка URL

Затем нам нужно изменить URL-адрес сайта нашего WordPress и, следовательно, нам нужно получить доступ к базе данных.

Настроить URL-адрес сайта WordPress

На данный момент я предполагаю, что у вас настроен веб-сайт WordPress.

Теперь пришло время изменить URL-адрес базы данных (очень важный шаг для настройки виртуального хоста).

Для этого откройте браузер, перейдите по адресу http: // localhost / phpmyadmin / и выберите свою базу данных. В моем случае это « тестирование ».

Затем откройте wp_options и щелкните, чтобы изменить URL-адрес сайта с http: // localhost / testing / на http://farhan.cw, а домашний URL-адрес с http: // localhost / testing на http://farhan.cw.

изменить URL-адрес сайта wordpress

Перезапустите Apache и перейдите по URL-адресу виртуального хоста, в нашем случае это « farhan.cw », и проверьте, успешно ли настроен домен.

перезапустить apache

Поскольку настройка виртуальных хостов для веб-сайта WordPress завершена, вот как будут выглядеть окончательные результаты:

виртуальный хост xampp

Заключительные слова

Вот и все! Я надеюсь, что у вас есть четкое представление о настройке виртуальных хостов для WordPress с XAMPP, работающим в Windows 10. Если у вас есть какие-либо вопросы или предложения, не стесняйтесь спрашивать меня в разделе комментариев ниже.

В. Что такое виртуальный хост в XAMPP?

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

В. Как добавить несколько виртуальных хостов в XAMPP Windows 10?

Добавление нескольких виртуальных хостов в XAMPP для Windows 10 - это четырехэтапный процесс.

1. Создайте отдельные папки для виртуальных хостов в папке htdocs.
2. Отредактируйте httpd-vhosts.conf, чтобы включить информацию (включая имя хоста, корень документа и имя сервера) о каждом виртуальном хосте.
3. Отредактируйте файл hosts, включив в него IP-адрес (обычно 127.0.0.1) и имя виртуальных хостов.
4. Перезапустите XAMPP и получите доступ к каждому виртуальному хосту, чтобы проверить успешность процесса.

В. Как мне изменить мое доменное имя с localhost в XAMPP?

Для изменения имени домена с localhost необходимо сначала отредактировать файл локальных хостов, чтобы включить новое доменное имя и IP-адрес localhost (127.0.0.1). Затем отредактируйте файл httpd-vhosts.conf, включив в него информацию о новом домене (имя хоста, корень документа и имя сервера). Наконец, перезапустите XAMPP, а затем войдите в новый домен в браузере.

В. Как работает виртуальный хост?

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