Привет, друзья.
В данной статье мы установим локальный сервер на свой компьютер, для последующей разработки и настройки сайтов на нем.
Для этого мы воспользуется программой под названием Denwer. Установка ее проста и не требует никаких технических знаний. Тем более, процесс установки сопровождается подсказками.
Как установить локальный сервер и нужен ли он вообще, читаем дальше. Начнем с рассмотрения вопроса важности локального сервера.
Нужен ли локальный сервер
Для новичков начну с определения понятия "локальный сервер" - это такой сервер (хостинг), который находится на вашем компьютере (не в интернете) и позволяет создавать, настраивать на нем сайты.
Я считаю, что производить создание и дальнейшую настройку сайта нужно именно на локальном сервере, чтобы потом одним махом разместить полностью работоспособный сайт со всеми настройками в сети интернет. А затем сразу наполнять его контентом.
Так делают действительно профессионалы в создании сайтов. Даже, если мы посмотрим на людей, которые постоянно работают с созданием сайтов на различных движках, то увидим, что практически каждый из них сначала устанавливает сайт на локальный сервер, затем его настраивает, а только потом переносит его на реальный хостинг.
В пример покажу меню из курса Сергея Патина "Joomla 3 - профессиональный сайт за один день" . Посмотрите в какой последовательности идет создание сайта.
Как видите, с самого начала сайт устанавливается локально, настраивается, а под конец переносится полностью готовый ресурс на хостинг.
Размещать сайт в интернете, а потом заниматься его настройкой, когда нужно уже продвигать его, неразумно.
А если у вас уже есть сайт? Нужен ли вам локальный сервер?
Давайте представим ситуацию, что у вас уже есть сайт и вы очень заядлый технарь, то есть любите вечно копаться во всяких технических моментах и постоянно что-то экспериментировать.
Итак, у вас уже есть сайт и на нем уже имеются какие-то посетители. Пусть и не большое количество, но они есть. Поставьте себя на их место.
Вы заходите на сайт и постоянно видите, что владелец сайта или блога постоянно что-то меняет. Меняет расположение блоков на сайте, структуру, а бывает, что и дизайн каждый день новый. Вам понравилось бы такое? Вот и посетителям не очень пришлась бы такая ситуация по душе.
Заниматься разработкой, настройкой сайтов, а также созданием дизайнов на сайте, который уже размещен в интернете, как минимум, не профессионально. Не говоря уже о том, что очень неблагоприятно влияет на его развитие и одобрение в глазах поисковых систем и вашей аудитории.
Поэтому, нужно все такие дела производить на своем локальном компьютере.
Сейчас мы начнем его установку, после чего вы сможете установить на локальный компьютер свой сайт и делать с ним все, что угодно. Посетители этих махинаций не увидят, т.к. это лично ваш компьютер и ни у кого к нему доступа нет. А после того, как все доведете до окончательного состояния, то без проблем сможете это уже в полностью готовом виде перенести на реальный сайт.
Кстати, также о важности локального сервера при создании блога я говорю в своей интеллект-карте "План создания качественного блога от Константина Хмелева", которую вы можете получить, оставив свой 1й комментарий.
Переходим к процессу самой установки.
Устанавливаем локальный сервер на свой компьютер
Локальный сервер - это программа. Поэтому, необходимо ее скачать. Мы будем использовать для этого веб-сервер Denwer.
Переходим на официальный сайт программы и жмем на большую кнопку.
После нажатия предлагается выбрать версию программы. Выбираем версию старый PHP 5.2 и жмем на кнопку Скачать .
В следующем окне нам нужно ввести данные, куда будет отправлена ссылка на скачивание Denwer. Вводим свои реальные данные и жмем на кнопку "Получить ссылку на скачивание".
После нажатия на кнопку, на почту сразу придет письмо с ссылкой для скачивания программы. Отправитель и темы письма будут такие (см. скриншот ниже).
После скачивания, в месте сохранения программы у вас появится установщик, который будет иметь следующий вид.
Чтобы начать установку локального сервера, запускаем установщик.
Нас спрашивает, хотим ли мы установить базовый пакет? Соглашаемся.
Начнется разархивация данных, которая пройдет очень быстро.
После окончания распаковки данных начнется установка локального сервера, которая будет осуществляться в командной строке. Сразу при ее запуске нас попросит закрыть браузер.
Автоматические при появлении командной строки откроется браузер с сообщением, что для продолжения либо отмены установки необходимо закрыть браузер.
Также нужно закрыть и другие браузеры, если установка в командной строке не будет продолжаться.
После закрытия всех интернет-браузеров продолжится установка. Необходимо просто следовать подсказкам, которые дает командная строка.
Для продолжения установки жмем Enter.
Я же установлю в другое место. В моем случае это диск E папка host.
На следующем шаге снова жмем Enter.
На следующем этапе необходимо выбрать букву виртуального диска. По умолчанию, программа предлагает выбрать диск Z, так как буква эта последняя в английском алфавите и вряд ли какой-нибудь диск занят ею.
Я так и оставлю. Вы же можете ввести другую букву, но проследите, чтобы никакой диск не был ею занят.
После выбора и ввода буквы жмем Enter для продолжения установки локального сервера.
После завершении копирования необходимо выбрать вариант запуска Denwer.
Существует 2 режима запуска, но сама программа рекомендует выбрать вариант 1. Мы так и делаем. Вводим цифрц 1 в командную строку и жмем Enter.
- запуска;
- остановки;
- перезагрузки.
Нам эти ярлыки нужны. Поэтому, водим букву Y и жмем Enter.
Это был последний этап установки локального сервера, после которого автоматически откроется браузер с надписью "Денвер успешно установлен", а также будет написано, что Denwer работает с теми же портами, что и Skype.
Поэтому, если у вас установлен skype, то сделайте то, что будет написано в окне браузера.
Также будут созданы ярлыки на рабочем столе, которые мы так хотели.
- Start Denwer - запуск денвера;
- Stop Denwer - остановка;
Все. Наш локальный сервер установлен. Теперь осталось его немного проверить. Запустить и посмотреть, действительно ли наш виртуальный диск, который будет выступать в роли локального сервера, запустится.
Перед тем, как запустить, давайте перейдем в ту директорию, куда мы устанавливали денвер и посмотрим, что там находится.
Так как я устанавливал на диск E в папку host, то сейчас на моем диске должна быть такая папка.
Так оно и есть. А внутри папки должны быть сами файлы денвера. Заходим внутрь папки, где должны увидеть следующую картину.
Файлы есть. Значит все было удачно скопировано во время установки.
Теперь проверим, запускается ли сам Denwer. Воспользуемся ярлыком для запуска.
После запуска ярлыка быстро промелькнут 2 командные строки. Когда они исчезнут, на панели задач появятся 2 ярлыка.
Если такие ярлыки появились, то Denwer запущен. Также должен появится виртуальный диск с буквой Z в моем случае. В вашем случае с той буквой, которую вы назначили. Также этот диск должен называется аналогично диску, в который вы устанавливали сам денвер.
Как видите, имеется диск "E", в который я производил установку, а также диск "Z", который появился после запуска денвера. Названия у них одинаковые. Оба диска имеют название "Локальный диск". Только буквы разные.
Если перейдем в виртуальный диск (Z), то должны увидеть те же файлы и папки денвера, который мы смотрели ранее.
Все, друзья. На этом установка локального сервера закончилась. Теперь можно приступать к созданию сайта на нем и делать с сайтом любые махинации.
В следующей статье я покажу, . Вас там также ждет подробная статья с изображениями и видео-уроком.
Кстати про видео-урок. Если кому-то, что-то непонятно по текстовой версии, то вот даю видео-урок, который специально записал для вас.
На этом я с вами попрощаюсь. Жду ваших комментариев и каких-то идей для новых статей блога. Если что-то не получается или остались какие-то вопросы, пишите их в комментариях.
Всего доброго.
С уважением, Константин Хмелев.
Привет, друзья. В этой статье рассмотрим что такое локальный сервер (localhost), зачем он нужен и как создать локальный сервер на компьютере . В итоге установим Денвер на свой компьютер.
Что такое локальный сервер?
Локальный сервер – это набор программ, которые выполняют обслуживающие функции по запросу клиента на персональном компьютере без выхода в интернет. Это тот же хостинг, только все файлы сайта хранятся не у провайдера, а на жестком диске компьютера. Что такое хостинг можете почитать в .
Создавая сайт только на html и css можно пользоваться обычным блокнотом или другим текстовым редактором. Для проверки таких сайтов используйте любой браузер, т.к. они понимают язык гипертекстовой разметки и таблицы каскадных стилей. Но если мы пишем сайт на языке php или используем любую CMS,то браузера будет недостаточно, он выдаст ошибку. Перед отправкой в браузер сайты обрабатываются сервером, переводящим их в html-код. У провайдеров на сервере есть такой обработчик, а на ПК нет.
Как же быть в этой ситуации? Здесь приходит на помощь установленный локальный сервер. Каковы же преимущества:
- Не требуется подключение к интернету. Можно установить локальный сервер к себе на флешку и выполнять работу в удобном месте, не быть привязанным к одному компьютеру.
- Можно создавать сайт на компьютере используя различные CMS, выбрать шаблон, редактировать шаблон чтобы он был уникальным, установить необходимые плагины и тестировать сколько угодно, не закачивая постоянно на хостинг измененные файлы.
- Если уже есть сайт, и хочется кардинальных изменений или же необходимо выполнить «ремонтные» работы. Не надо ставить на действующий сайт заглушку, а уже выставить готовую работу.
- Особенно подходит для начинающих web-мастеров. Не нужно покупать домен и хостинг. Можно тренироваться создать сайт до «схочу» и понять, а «вообще это моё?» Я сам начинал именно так, изучал html, css, php и смотрел что у меня получается.
Как создать локальный сервер на компьютере
Как раз создавать мы ничего и не будем! Web-разработчики уже всё сделали за нас. Остаётся только установить локальный сервер на свой компьютер. Их несколько – Денвер (Denwer), XAMPP, OPENSERVER и другие. Один из наиболее популярных Денвер , его установку и рассмотрим.
Денвер – джентльменский набор веб разработчика. Создан российскими программистами. Абсолютно бесплатен. Если же вы хотите, то можете отблагодарить ребят. Денвер содержит всё самое необходимое: сервер Apache, базы данных MySQL, phpMyAdmin - система управления MySQL, позволяющая работать с базами данных через браузер, PHP.
Скачать Денвер последней версии можете c официального сайта разработчика по ссылке, которая придет вам на почту после заполнения полей в открывшемся окне.
Установка Денвера на компьютер
- Переходите в свою почту и нажимаете на ссылку для скачивания. Ссылка является персональной и одноразовой, о чем предупреждают разработчики. так что публиковать в интернете её нет смысла.
Не стоит пугаться черного экрана — программа работает из командной строки. Будет предложено закрыть окно браузера (обычно это Internet Explorer) — закрываем. Далее действуем согласно подсказкам.
3. Укажите директорию, где будут храниться файлы (пропишите полный путь). По умолчанию C:\WebServers. Можете установить на флешку и локальный сервер будет всегда по рукой.
4. Укажите букву вашего виртуального диска. По умолчанию инсталлятор предлагает Z, но если диск с таким именем уже есть укажите другую.
5. После скачивания всех файлов выберите тип загрузки. Есть два варианта:
- Виртуальный диск создаётся при запуске компьютера.
- Диск запускается после вызова (я пользуюсь этим вариантом).
6. На рабочем столе появятся три ярлыка: Start Denwer, Stop Denwer, Restart Denwer. ВСЁ!
Вы создали локальный сервер у себя на компьютере и установили Денвер .
Полагаю вопросов как создать локальный сервер на компьютере не осталось, но если есть, пишите в комментариях — всё решим.
Удачи всем!
P.S. Кстати, это была моя первая статья на новом блоге.
Из статьи вы узнаете: для чего нужен OpenServer, откуда его скачать и как его установить (я буду показывать на примере windows 10)
Опен Сервер позволяет использовать на своем компьютере локальный сервер. Это означает, что вы можете работать над своим сайтом на домашнем компьютере, а когда сайт будет готов перенести его готовенький и рабочий в Интернет.
Нажимаем Скачать. На загрузившейся странице Выбираем версию Basic. Вводим числовой код с картинки и нажимаем кнопку Скачать.
Откроется страница, где будет предложено два варианта скачать программу.
Первый способ платный (Минимальная сумма пожертвования 60 рублей) – этот способ обеспечит быструю загрузку.
Второй способ – бесплатный и соответственно очень медленный))
Закачается вот такой вот файл (на день написания статьи он выглядел так, сейчас может уже по-другому). Это архив с программой.
Двойной клик по файлу. Откроется окошко с предложением выбрать место, куда распаковать файлы из архива. Я выбрал диск D.
Жмем кнопку ОК. Начнется процесс разархивации.
Заходим в папку, которую выбрали на 3-ем шаге. Видим что появилась папка OpenServer. Входим в неё.
Видим два ярлыка запуска программы (ярлык может быть всего один, это зависит от разрядности Windows).
Два раза щелкаем по ярлычку Open Server x64.
Так как это первый запуск Опенсервера, то начнется процесс установки компонентов (MicrosoftVC++) для правильной работы программы.
После окончания установки программа подскажет, что нужно перезагрузить компьютер. Перезагружаем.
Заново проходим четвертый шаг – то есть заходим в папку Опенсервера и запускаем программу.
В трее (область в нижнем правом углу там, где часы) видим новый значок – красный флажок.
Щелкаем мышкой по нему, и откроется меню программы. Нажимаем на зеленый флажок с надписью Запустить.
Ждем немного. Красный флажок сменится желтым, а после изменит цвет на зелёный. Сервер запущен.
Если опен сервер не запускается – появляется окошко с надписью «Сбой запуска!», то спускайтесь вниз статьи к описанию настроек open server.
Проверка работы OpenSever
Нажимаем на зеленый флажок. В открывшемся меню наводим стрелку на пункт Мои сайты. Появится подменю с единственным пунктом localhost. Нажимаем на него.
В браузере откроется страница с сообщением, что Опенсервер работает.
Ура! У нас получилось))
Как видите установка openserver занятие совсем не сложное. Этот локальный сервер мне нравится больше чем Денвер, поэтому я использую его в своих проектах и вам советую.
Теперь его нужно настроить.
Open server настройка
Нажимаем на флажок. → В открывшемся меню нажимаем на пункт Настройки.
В открывшемся окошке на вкладке Основные, отмечаем галочкой пункт Запускать вместе с Windows. Задержку я оставил как и предлагается 20 секунд. Задержка нужна что бы не тормозить загрузку Винды. Сначала загрузятся все необходимые для работы компьютера компоненты, а потом запустится Опен Сервер.
Так же отметим пункт Требовать учетную запись администратора. Некоторые функции работают только с правами администратора, по этому обязательно ставим галочку.
В этом выпуске вы найдёте обзор и подробные инструкции по установке и настройке сервисной платформы Open Server. Благодаря этой платформе веб-разработчик может в условиях имитации реального сервера отладить код и плагин, а также провести различные работы над сайтом.
Назначение Open Server
На сайте разработчиков говорится, что Open Server (https://open-server.ru/) является портативной серверной платформой и программной средой, созданной специально для веб-разработчиков с учётом их рекомендаций и пожеланий .
Платформа, работающая под Windows, предназначена для отладки кода до того, как его используют на реальном проекте, чем невероятно полезна и удобна для разработчиков. Это может быть отладка как кода, так и плагина, а также обновление существующих CMS.
Например, когда мне нужно проверить работоспособность плагина, скрипта или обновить CMS, я поступаю таким образом:
- делаю свежий бэкап (резервную копию) существующего проекта и разворачиваю его локально;
- обновляю или выполняю определённые правки в коде;
- проверяю, всё ли корректно работает;
- выкатываю на рабочий сайт.
Установка платформы
1. Выбираем подходящую для нас версию Open Server и скачиваем пакет тут: https://open-server.ru/download/ . Для моей работы достаточно пакета Basic (пакеты Premium и Ultimate, включающие полезные программы, можно найти тут: https://open-server.ru/#progs). Если вы внесёте пожертвование, скачивание займёт у вас 5 минут, если же бесплатно - более двух часов
2. Затем запускаем установку пакета двойным кликом. Файл дистрибутива (версия 5.2.5) выглядит так:
3. После запуска распаковки дистрибутива указываем диск, на который хотим установить пакет. После установки по указанному пути появится папка Open Server со следующим содержимым:
Компоненты сборки представлены в 32-битной и 64-битной версиях.
Запуск, настройка и применение Open Server
1. Чтобы запустить программную среду, кликните по нужной версии 64 или 86 (32-битная). В трее у вас появится красный флажок:
При нажатии на него открывается меню:
2. В этом меню выберите «Запустить», после чего активируются все компоненты и другие пункты меню:
В меню собрано всё необходимое для работы с платформой: список сайтов, ссылки на Консоль (собраны в «Дополнительно»), инструменты работы с базами данных, файлы конфигурации.
3. Пункт «Настройки» позволяет настроить платформу под ваши нужды. Самым интересным для меня является пункт Модули:
Как видите, тут можно выбрать конфигурации вашего сервера: Apache, Nginx, PHP, MySQL. Таким образом можно имитировать реальный сервер, на котором в дальнейшем будет жить ваш сайт и/или скрипт.
Чтобы начать работать с кодом , нужно:
- создать домен в папке «OpenServer/domains», например, test.local;
- прямо в корне этой папки создать файл с расширением.php;
- перезапустить Open Server;
- найти и открыть свой test.local в подменю «Мои сайты».
Сайт будет запущен в браузере, который установлен у вас по умолчанию.
Кстати, по умолчанию в папке «OpenServer/domains» есть папка «Localhost» с файлом index.php , и если в браузере прописать https://localhost/ , вы увидите такую страницу:
Это и есть содержимое index.php . Вы можете использовать эту папку для работы со своими сайтами и скриптами. Но когда у вас несколько проектов (сайтов), то, конечно, под каждый из них лучше создавать по папке-домену.
- развернуть чистый дистрибутив любой CMS;
- написать свой скрипт и отладить его;
- развернуть бэкап сайта, обновить на нём CMS до последней версии и/или поставить плагины и проверить, чтобы они не конфликтовали между собой;
- примерить новый шаблон или написать свой - в общем, всё что душе угодно.
Единственное, что такой сайт вы не сможете никому показать, просто скинув на него ссылку. Но зато ваш тестовый сайт всегда можно перенести на реальный домен/сервер или скинуть на флешку и передать, например, вашему коллеге или принести его с работы домой.
Более подробная информация по установке, компонентах и работе с Open Server представлена на официальном сайте .
Я в свою очередь хочу поблагодарить всех тех, кто работал над созданием этого замечательного инструмента. А всем читателям нашего блога желаю удачи в, возможно, первых шагах к веб-разработке.
Есть вопросы? Пишите в комментариях под этой статьёй!
Установка и настройка open server. Подробная инструкция как установить и начать создавать свой первый сайт с помощью open server.
Наверное, многие уже слышали, про такую чудесную вещицу как Open Server
Что такое Open Server
? Это программный комплекс, состоящий из Apache, MySQL, PHPMyAdmin (это я основные назвал), который устанавливается одним махом (одна программа – в которой много программ, грубо говоря)
Если бы вы сами попробовали установить сперва Apache, потом MySQL, потом phpmyadmin, вы бы потратили кучу времени и сил (автору данного продукта, спасибо!)
А тут ещё куча необходимых дополнений в виде Nginx, PostgreSQL, Memcached, IonCube и куча необходимых вещей, для людей, которые создают сайты
Давайте, до установки, поговорим, чем же удобен Open Server. Во-первых, он компактен, не занимает много места, имеет удобное меню и в нём нет ничего лишнего (почти =D)
. Вот так выглядит Open Server после запуска
Как мы видим, запускается Open Server в трее
не занимая при этом места на панели задач
Давайте посмотрим основные преимущества Open Server
перед Denwer и другими продуктами для Windows. Во-первых – документация. В Openserver есть ко всем практически компонентам документация
И хоть сделана она, в виде ссылок на другие сайты, но всё же она есть. И при необходимости мы можем перейти на сайт и прочитать необходимую нам информацию
Поехали дальше
Второй плюс данной программы. Нужные программы, которые часто нужны для создания сайта, уже в самом коплекте Open Server
. Нужен Notepad – пожалуйста, просмотр PDF – тоже есть, снятие скриншотов, редактирование иконок, даже анализ дисков и монитор портов тут есть(правда зачем =D)
FTP-клиент FileZilla, портативный Google Chrome, портативный Firefox, даже Skype и TeamViewer. Видно, что создатель проекта действительно постарался на славу. Спасибо он точно заслужил, за такой убойно-удобный комплект, под названием Open Server
Отлично! Давайте установим его. Ссылка на загрузку ниже
https://ospanel.io/download/
Итак, устанавливаем Open server
Запускаем от имени администратора Open server
. Вам предложит в какую папку его установить
Для этого урока, я ставлю на тестовый компьютер Open server поэтому я разархивирую на диск C: (ибо другого нет)
После распаковки, на указанном при установке диска (в моём случае, диск C:) появилась папка Openserver – нам она и будет нужна в дальнейшем. Давайте её откроем. Видим 2-а файла. Open Server x86
и Open server x64
. Вам надо запустить файл, смотря какая у вас разрядность системы (Я не знаю свою разрядность?)
У меня 7-ка 64-битная, поэтому я запускаю Open Server x64.exe (желательно от администратора)
Кстати, сразу можете выкинуть нужный ярлык (32 или 64) на рабочий стол
При запуске указываем язык, на котором нам будет удобно читать перевод программы Open Server. Я выберу Русский
Устанавливать ли Visual C++ решать вам. Но лучше установить, чтобы всё работало
После установки, перезагрузите компьютер
После перезагрузки опять запускаем Open Server
. Так как ярлык я сбросил себе на рабочий стол, я запущу его именно оттуда
После запуска, надо перейти в трей
(так, как Open server запускается в режиме “Выключен”) и подтвердить запуск
Когда флажок Open Server стал зелёный
, тогда наш Open Server запущен, и мы можем начинать с ним работать
Итак, давайте я вам покажу основные нюансы Open Server
, которые вам будут интересны
Как попасть в phpmyadmin в Open server
Для того, чтобы попасть в phpmyadmin, вам надо ввести в (Open server должен быть запущен) строке браузера
