Как легко запустить собственный локальный сайт

  • Post published:July 8, 2021
  • Post last modified:April 7, 2024
  • Post category:IT / Windows / Гайды
  • Reading time:43 mins read

Простая пошаговая установка локального сервера на ваш ПК с настройкой сайта

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

Для чего пригодится WampServer

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

Учитывая что в сборку входит MySQL, Apache, PHP и другие языки программирования, вы можете локально захостить сайт на CMS WordPress, Drupal, Joomla, или, например, проверить backend составляющую на Node.js и провести детальную отладку.

В первую очередь

А в первую очередь конечно же нам нужно где-то загрузить этот самый локальный сервер, на котором мы будем создавать свои веб сайты. Для этого есть официальный сайт WAMP (для Windows + Apache + MySQL + PHP), его аналог для Linux (LAMP) и Mac (MAMP), которые не будут рассматриваться в данной статье.

Требования к установке этого сервера минимальны. Достаточно будет даже устаревшей, но не требовательной к ресурсам Windows XP.

В зависимости от разрядности Windows x32 или x64 следует выбирать соответствующий инсталлятор.

Скачав установщик сервера, который весит ни много ни мало 350+ МБ можно приступать к установке на ваш ПК.

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

Перед продолжением, установщик предупредит вас, что для полной работы сервера необходимо будет установить заранее все необходимые Microsoft библиотеки Visual C++, которые скачиваются с официального сайта Microsoft или прямиком из установщика в окне предупреждения указанного выше. Если не установить дистрибутивы VC Dist, то установщик просто выдаст ошибку.

Первый запуск и начало работы

  1. Успешно установив сервер, заходим в папку с установленным сервером и запускаем наш сервер с помощью файла Wampserver.exe
  2. Спустя некоторое время, как только наш сервер инициализируется, в панели рядом с часами появится зеленая иконка, которая сообщает нам о том, что сервер включен/
файл, который запускает сервер
Иконка статуса сервера в панели задач
меню иконки

Из окна иконки мы можем запустить все сервисы – Start all services, выключить – Stop all services и при необходимости перезагрузить наш сервер – Restart all services.

3. Убедившись, что наш сервер включен, можно заходить в любой веб-браузер и ввести ссылку ниже в адресную строку.

localhost/

После этого, откроется главная страница локального сервера, в которой можно увидеть все загруженные расширения, версию ПО, документацию и наши проекты ниже этого списка.

Можно также попасть в кабинет базы данных Mysql PHP MyAdmin, которая пригодится, если вы создаете форум или например CMS. Вход в кабинет не требует пароль, а только логин root.

Чтобы создать наш первый сайт, достаточно в папке сервера зайти в www/ и создать новую папку с рабочим названием вашего проекта на любой вкус

4. В папку с рабочим названием добавьте тестовый Index.html (можно взять из предыдущей папки) и перейдите по ссылке

localhost/папкаПроекта/index.html

Убедившись, что все работает можно приступать к следующему шагу – Установке WordPress CMS

Создание сайта при помощи CMS (WordPress)

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

  1. Скачать WordPress можно с официального сайта компании
  2. После этого распакуйте архив в папку проекта, которую вы создали в директории www/
  3. Теперь, все что остается сделать – это указать в адресной строке путь, куда вы распаковали WordPress и после имени проекта добавить /wp-admin , чтобы приступить к установке CMS (например localhost/Myproject/wp-admin)
  4. Перед вами появится окно приветствия и установка CMS в следующем шаге.

Чтобы установить WordPress, достаточно указать в поле имя пользователя root, пароль оставить пустым, в сервере базы данных добавить порт :3307, остальные поля можно оставить нетронутыми.

5. Перед отправкой запроса, вам понадобится создать базу данных WordPress. Для этого зайдите в панель PHPmyAdmin нажмите создать новую базу и назовите ее wordpress

localhost/phpmyadmin/

6. Теперь возвращаемся в окно установки WordPress и нажимаем Отправить. WordPress сгенерирует для вас логин и пароль, который понадобится для входа в панель администрирования. Логин и пароль можно поменять позже.

Светить этими данными не страшно, если вы работаете локально и не публикуете сайт прямиком на хостинг сервер

7. После успешной установки WordPress можно зайти и проверить страницу вашего проекта.

localhost/MyProject/

8. Чтобы попасть в панель администратора, пропишите в адресной строке ссылку на проект и указанием /wp-admin

localhost/myproject/wp-admin

9. Указывайте логин, пароль, который WordPress автоматически сгенерировала при установке и попадайте в главную панель управления CMS. Здесь вы уже решаете сами, что делать и создавать на вашем проекте.

А что дальше?

На этом пошаговая инструкция по созданию локального сайта завершается. Все основные этапы были успешно проделаны. Теперь все зависит только от вас! Вы вольны делать все что вздумается – устанавливать плагины, начать писать новые статьи, создавать страницы, настраивать темы и многое другое.

Экспериментируйте, тестируйте новые плагины, настройки, пишите и оформляйте статьи. Добро пожаловать в новый цифровой мир! Удачи в создании и развитии ваших сайтов.