Как настроить локальный сервер для тестирования? — Изучение веб-разработки
Эта статья объясняет как установить простой локальный тестовый сервер на вашем компьютере, а так же основы его использования.
Требования: | Сначала вам необходимо изучить как работает интернет, а также что такое веб-сервер (en-US). |
---|---|
Цель: | Вы научитесь как устанавливать локальный тестовый сервер. |
На протяжении всего обучения, вы будете открывать примеры непосредственно в браузере — двойным кликом по HTML файлу, перетаскиванием файла в окно браузера, или через меню File > Open… и указывая необходимый HTML файл. Существует множество способов как это сделать.
Если веб-адрес начинается с file://
в котором далее прописан путь к файлу на вашем локальном жёстком диске, значит используется локальный файл. В противоположность этому, если вы откроете на просмотр один из наших примеров, расположенных на GitHub (или пример расположенный на любом другом удалённом сервере), веб-адрес будет начинаться с
или https://
, что означает что файл был получен через HTTP.
Некоторые примеры могут не запуститься, если вы попробуете открыть их как локальные файлы. Это может произойти по нескольким причинам, самые распространённые из которых:
- Они содержат асинхронные запросы. Некоторые браузеры (включая Chrome) не будут запускать асинхронные запросы (см. Fetching data from the server), если вы просто запускаете пример из локального файла. Это связано с ограничениями безопасности (для получения дополнительной информации о безопасности в Интернете, ознакомьтесь с Website security).
- Они имеют серверный язык. Серверные языки (например, PHP или Python) требуют специального сервера для интерпретации кода и предоставления результатов.
Чтобы обойти проблему асинхронных запросов, нам нужно протестировать такие примеры, запустив их через локальный веб-сервер. Один из самых простых способов сделать это для наших целей — использовать модуль SimpleHTTPServer
Python.
Для этого нужно:
- Установить Python.
Если вы пользуетесь Linux или Mac OS X, всё уже готово в вашей системе. Если вы пользователь Windows, вы можете скачать установочный файл с домашней страницы Python:
- Зайдите на python.org
- В секции загрузок, выберите линк для Python «3.xxx».
- Внизу страницы выберите Windows x86 executable installer и скачайте его.
- После загрузки файла запустите его.
- На первой странице инсталлятора выберите чекбокс «Add Python 3.xxx to PATH».
- Нажмите Install, затем нажмите Close когда установка закончится.
- Откройте командную строку (Windows)/ (OS X/Linux). Для проверки установки Python введите следующую команду:
python -V
- Система вернёт вам номер версии установленной программы. В случае успешного выполнения команды
python -V
нужно перейти в директорию с вашим проектом, используя командуcd
:# include the directory name to enter it, for example cd Desktop # use two dots to jump up one directory level if you need to cd .
.
- Введите команду для запуска сервера в том каталоге:
# If Python version returned above is 3.X python -m http.server # If Python version returned above is 2.X python -m SimpleHTTPServer
localhost: 8000
в своём веб-браузере. Здесь вы увидите содержимое указанного каталога — щёлкните файл HTML, который вы хотите запустить.
Примечание: . Если у вас уже есть что-то на порту 8000, вы можете выбрать другой порт, запустив команду сервера, за которой следует альтернативный номер порта, например: python -m http.server 7800
(Python 3.x) или python -m SimpleHTTPServer 7800
(Python 2.x). Затем вы можете получить доступ к своему контенту на localhost: 7800
.
Модуль Python SimpleHTTPServer (python 2.0) http.server (python 3.
полезен, но он не знает, как запускать код, написанный на таких языках, как Python, PHP или JavaScript. Чтобы справиться с этим, вам понадобится нечто большее — именно то, что вам нужно, зависит от языка сервера, который вы пытаетесь запустить. Вот несколько примеров:
- Для запуска кода на стороне сервера Python вам необходимо использовать веб-инфраструктуру Python. Вы можете узнать, как использовать структуру Django, прочитав Django Web Framework (Python). Flask также является хорошей (чуть менее тяжёлой) альтернативой Django. Чтобы запустить это, ознакомьтесь с install Python/PIP, а затем установите Flask с помощью
. На этом этапе вы сможете запустить примеры Python Flask, используя, например, pip3 install flaskpython3 python-example.py
, затем перейдя наlocalhost: 5000
в свой браузер. - Чтобы запустить серверный код Node.js (JavaScript), вам нужно использовать Node.js или фреймворк, построенный поверх него. Express — хороший выбор — см.
Express Web Framework (Node.js/JavaScript).
- Чтобы запустить PHP-серверный код, вам понадобится настройка сервера, которая может интерпретировать PHP. Хорошими вариантами для локального тестирования PHP являются MAMP (Mac и Windows), AMPPS (Mac, Windows, Linux) и LAMP (Linux, Apache, MySQL и PHP / Python / Perl). Это полные пакеты, которые создают локальные настройки, позволяющие запускать базы данных Apache, PHP и MySQL.
Found a content problem with this page?
- Edit the page on GitHub.
- Report the content issue.
- View the source on GitHub.
Want to get more involved?
Learn how to contribute.
This page was last modified on by MDN contributors.
Что такое локальный сервер и для чего он нужен
Локальный сервер — что это такое?
Локальный сервер – это эмулятор хостинга. Нужен он для возможности создать сайт у себя на компьютере, и в дальнейшем перенести его на хостинг.
Для чего нужен локальный сервер?
Начнем с того, что сайты «с нуля» сейчас практически никто не пишет. Даже для создания небольшого пятистраничного сайта проще взять готовый HTML шаблон. Такой сайт можно редактировать и править с помощью любого текстового редактора, например программы Notepad++.
Большинство же сайтов создаются на основе фреймворка или системы управления контентом (CMS). Для их корректной работы требуется среда, в которой работают базы данных, серверные языки программирования.
Чтобы не устанавливать эти компоненты по отдельности (например, веб-сервер Apache, базы данных MySQL, языки программирования PHP, Perl) – обычно используют готовый набор программ. Настроенная связка этих программ и есть локальный сервер.
Под ОС Windows наиболее популярны следующие локальные сервера:
- Denwer;
- OpenServer;
- XAMPP.
Зачем еще используется локальный сервер?
Для чего можно использовать локальный сервер:
- Установка различных CMS для знакомства с интерфейсом и административной панелью;
- Для обучения верстке, программированию;
- Для проверки корректной работы системы бэкапов;
- Для внесения изменений в сайт.
На двух последних пунктах остановимся подробнее.
Локальный сервер и резервное копирование
То, что Вы регулярно создаете резервные копии сайта вручную, дополнительными модулями или любым другим способом – не означает что вам не о чем беспокоиться.
Кроме создания резервных копий нужно обязательно проверять их работоспособность. Иначе можно столкнуться с неприятной ситуацией – например, база данных будет сохранена с ошибками кодировки или формата, что может сделать ее нечитаемой.
Внесение изменений на сайт и локальный сервер
Изменение номера телефона на сайте, либо добавление новой записи в блог, разумеется не обязательно сначала тестировать на локальной версии.
Установку новых модулей, изменение верстки, импорт и экспорт большого количества информации – все это лучше делать на локальной копии, а не на рабочем сайте.
Перечисленные действия легко могут «поломать» внешний вид сайта, либо удалить часть данных.
Это же относится и к редизайну.
iPipe – надёжный хостинг-провайдер с опытом работы более 15 лет.
Мы предлагаем:
- Виртуальные серверы с NVMe SSD дисками от 299 руб/мес
- Безлимитный хостинг на SSD дисках от 142 руб/мес
- Выделенные серверы в наличии и под заказ
- Регистрацию доменов в более 350 зонах
Запуск локального сервера
Предварительные условия
Прежде чем начать, убедитесь, что на вашем компьютере установлены следующие инструменты:
- VS Code
- Интернет-браузер (предпочтительнее Chrome или Firefox).
Контекст: что на самом деле означает «раскрутка сервера»?
Вы, наверное, слышали, как этот термин упоминается в технических разговорах в Интернете, и задавались вопросом: что значит «раскрутить сервер» и как вы можете это сделать?
Сервер — это компьютер, который может предоставлять некоторые услуги другому компьютеру. Распространенным типом сервера является веб-сервер , на котором размещает (хранит) код веб-сайта в своей памяти и предоставляет URL-адрес, по которому
«Раскрутка» сервера относится к дискам на жестком диске сервера, которые физически раскручиваются до скорости, необходимой для обслуживания их содержимого.
При разработке нового веб-приложения может быть полезно проверить, как ваш веб-сайт обслуживается через HTTP, прежде чем размещать его публично. Вот тут-то и появляется localhost
. Вы можете думать о localhost
как о персональном URL-адресе веб-сервера, который можно настроить на:
- хост-контент, доступный из определенного каталога (папки).
- предоставлять контент через HTTP (доступно только с вашего компьютера).
Таким образом, посещение http://localhost имитирует доступ к содержимому, предоставляемому через HTTP. Это может быть невероятно полезно, если обслуживаемый контент сильно зависит от обслуживаемого через HTTP.
В следующем разделе показано, как настроить localhost
для доставки контента через HTTP с помощью редактора кода VS Code и расширения Live Server.
Раскрутка локального сервера с помощью Live Server и VS Code
-
В этом руководстве мы рекомендуем использовать Visual Studio Code (VSCode). Если у вас его нет и вам нужна помощь в установке VSCode, вы можете найти более подробное руководство в нашей статье об установке VSCode.
-
Откройте VSCode и перейдите к представлению «Расширения», которое можно найти на левой боковой панели. Найдите и установите плагин «Live Server».
-
Используйте VSCode для создания нового файла с именем index.
html и поместите в него приведенный ниже код. Затем сохраните файл.
Мой сайт Привет, мир
-
Нажмите кнопку «Go Live» в правом нижнем углу VSCode, чтобы запустить сервер на порту 5500. Это также предложит вашему браузеру открыть новое окно/вкладку, которая загружает ваши файл index.html .
-
Внесите изменения в файл веб-сайта и сохраните файл. Это автоматически обновит страницу вашего браузера, и вы должны увидеть внесенные вами изменения.
-
Когда вы закончите редактирование, нажмите кнопку, содержащую номер порта вашего сервера (по умолчанию это 5500), чтобы выключить сервер.
Некоторые дополнительные ресурсы:
- Теперь, когда вы знаете больше о настройке локального сервера разработки, ознакомьтесь с нашей учебной статьей Локальная разработка игры Phaser.
js, чтобы попрактиковаться в этих навыках.
- Изучите еще один способ настройки локального тестового сервера: с помощью команд Python в терминале!.
Как создать локальный сервер в Windows 10?
Как настроить локальный веб-сервер на ПК с Windows 10
- Перейдите к XAMPP и перейдите к установке версии для Windows.
- При появлении запроса запустите программу установки.
- Выберите «Apache», чтобы установить только веб-сервер.
- После завершения установки нажмите «Готово», чтобы открыть панель управления XAMPP.
|
Посмотреть полный ответ на alphr.com
Как мне создать локальный сервер на моем компьютере?
- Создайте конфигурацию локального сервера.
- Укажите имя, тип и видимость конфигурации сервера.
- Укажите корневой каталог конфигурации сервера и URL-адрес для доступа к нему.
- Сопоставьте папки проекта с папками на сервере и URL-адресами для доступа к ним.
- Пример указания корня конфигурации сервера.
|
Посмотреть полный ответ на сайте jetbrains.com
Могу ли я использовать свой локальный компьютер в качестве сервера?
Может ли мой компьютер быть сервером? Да. Любой компьютер, даже домашний настольный компьютер или ноутбук, может работать как сервер с правильным программным обеспечением. Например, вы можете установить на свой компьютер программу FTP-сервера, чтобы обмениваться файлами с другими пользователями в вашей сети.
Запрос на удаление
|
Посмотреть полный ответ на computerhope.com
Как настроить локальный сервер дома?
Как создать свой собственный домашний сервер для веб-хостинга
- Выберите оборудование. …
- Выберите свою операционную систему: Linux или Windows? …
- Подходит ли ваше соединение для хостинга? .
..
- Установка и настройка сервера. …
- Настройте доменное имя и убедитесь, что оно работает. …
- Знайте, как правильно создать собственный домашний сервер для веб-хостинга.
|
Посмотреть полный ответ на siteuptime.com
Могу ли я создать сервер на своем компьютере?
Чтобы построить собственный сервер, вам понадобится всего несколько компонентов, некоторые или все из которых у вас уже могут быть: Компьютер. Широкополосное сетевое соединение. Сетевой маршрутизатор с кабелем Ethernet (CAT5).
Запрос на удаление
|
Посмотреть полный ответ на wired.com