Как создать веб-хостинг у себя дома (с изображениями)

Оглавление:

Как создать веб-хостинг у себя дома (с изображениями)
Как создать веб-хостинг у себя дома (с изображениями)

Видео: Как создать веб-хостинг у себя дома (с изображениями)

Видео: Как создать веб-хостинг у себя дома (с изображениями)
Видео: ВЕРТИКАЛЬНОЕ видео и ЧЁРНЫЕ дыры в iMovie. Как убрать? 2024, Май
Anonim

Из этой статьи вы узнаете, как разместить веб-сайт в собственной домашней сети. Для этого вы воспользуетесь бесплатной программой MAMP.

Шаги

Часть 1 из 6: Подготовка к размещению веб-сайта

Создайте веб-хостинг у себя дома Шаг 1
Создайте веб-хостинг у себя дома Шаг 1

Шаг 1. Убедитесь, что ваш интернет-провайдер разрешает хостинг

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

В большинстве случаев вы можете обновить свой тарифный план на Интернет до «Бизнес» (или аналогичной) учетной записи, чтобы включить поддержку крупномасштабного хостинга

Создайте веб-хостинг у себя дома Шаг 2
Создайте веб-хостинг у себя дома Шаг 2

Шаг 2. При необходимости создайте исходный код вашего сайта

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

Создайте веб-хостинг у себя дома Шаг 3
Создайте веб-хостинг у себя дома Шаг 3

Шаг 3. Установите текстовый редактор, который может обрабатывать документы PHP

Это зависит от того, используете ли вы компьютер с Windows или Mac:

  • Windows - Notepad ++ - ваш лучший выбор.
  • Mac. Вы можете загрузить бесплатный текстовый редактор под названием «BBEdit», перейдя на https://www.barebones.com/products/bbedit/ и нажав Скачать бесплатно в правой части страницы.

Часть 2 из 6: Установка MAMP

Создайте веб-хостинг у себя дома Шаг 4
Создайте веб-хостинг у себя дома Шаг 4

Шаг 1. Откройте сайт MAMP

Перейдите по адресу https://www.mamp.info/en/downloads/ в веб-браузере вашего компьютера.

Убедитесь, что вы делаете это на компьютере, на котором хотите разместить свой сервер

Создайте веб-хостинг у себя дома Шаг 5
Создайте веб-хостинг у себя дома Шаг 5

Шаг 2. Выберите вариант загрузки

Щелкните либо МАМПЫ И МАМПЫ PRO 4.0.1 для версии MAMP для Windows или МАМПЫ И МАМПЫ PRO 5.0.1 для Mac-версии MAMP. Начнется загрузка установочного файла MAMP.

Возможно, вам придется подтвердить загрузку или выбрать место для сохранения перед загрузкой файла

Создайте веб-хостинг у себя дома Шаг 6
Создайте веб-хостинг у себя дома Шаг 6

Шаг 3. Подождите, пока MAMP закончит загрузку

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

Создайте веб-хостинг у себя дома Шаг 7
Создайте веб-хостинг у себя дома Шаг 7

Шаг 4. Дважды щелкните установочный файл MAMP

Откроется окно установки.

На Mac это файл PKG

Создайте веб-хостинг у себя дома Шаг 8
Создайте веб-хостинг у себя дома Шаг 8

Шаг 5. Следуйте инструкциям по установке на экране

В основном они будут различаться в зависимости от операционной системы вашего компьютера, но не забудьте снять флажок «Установить MAMP PRO», если он установлен в процессе установки.

Создайте веб-хостинг у себя дома Шаг 9
Создайте веб-хостинг у себя дома Шаг 9

Шаг 6. Подождите, пока MAMP завершит установку

После завершения установки MAMP вы можете приступить к его настройке.

Часть 3 из 6: Настройка MAMP

Создайте веб-хостинг у себя дома Шаг 10
Создайте веб-хостинг у себя дома Шаг 10

Шаг 1. Откройте MAMP

Для этого щелкните или дважды щелкните значок серого слона. Вы должны увидеть окно панели инструментов MAMP.

На Mac вы можете найти значок приложения MAMP в папке Applications

Создайте веб-хостинг у себя дома Шаг 11
Создайте веб-хостинг у себя дома Шаг 11

Шаг 2. При появлении запроса щелкните Использовать следующий свободный порт

Это позволит MAMP пропустить использование порта 80 в пользу использования следующего свободного порта.

Практически во всех случаях MAMP будет использовать порт 81, если порт 80 не свободен

Создайте веб-хостинг у себя дома Шаг 12
Создайте веб-хостинг у себя дома Шаг 12

Шаг 3. Нажмите Да, когда будет предложено

Это позволит MAMP использовать выбранный порт.

Создайте веб-хостинг у себя дома Шаг 13
Создайте веб-хостинг у себя дома Шаг 13

Шаг 4. Подтвердите все запросы брандмауэра

Если вы работаете на компьютере с Windows, брандмауэр запросит разрешение пропустить Apache и MySQL. Нажмите Разрешать в обоих запросах, прежде чем продолжить.

Пропустите этот шаг на Mac

Часть 4 из 6. Загрузка вашего веб-сайта

Создайте веб-хостинг у себя дома Шаг 14
Создайте веб-хостинг у себя дома Шаг 14

Шаг 1. Скопируйте исходный код своего сайта

Откройте документ, содержащий исходный код вашего веб-сайта, выделите текст документа и нажмите Ctrl + C (Windows) или ⌘ Command + C (Mac).

Создайте веб-хостинг у себя дома Шаг 15
Создайте веб-хостинг у себя дома Шаг 15

Шаг 2. Щелкните Параметры…

Он находится в левой части окна MAMP. Откроется всплывающее окно.

Создайте веб-хостинг у себя дома Шаг 16
Создайте веб-хостинг у себя дома Шаг 16

Шаг 3. Щелкните вкладку Веб-сервер

Эта опция находится в верхней части всплывающего окна.

Создайте веб-хостинг у себя дома Шаг 17
Создайте веб-хостинг у себя дома Шаг 17

Шаг 4. Щелкните Открыть

Он посередине окна. Откроется папка «htdocs» вашего MAMP.

На Mac щелкните значок в виде папки справа от заголовка «Корень документа»

Создайте веб-хостинг у себя дома Шаг 18
Создайте веб-хостинг у себя дома Шаг 18

Шаг 5. Откройте файл index.php

Щелкните правой кнопкой мыши файл index.php, затем щелкните Редактировать с помощью Notepad ++ в появившемся раскрывающемся меню.

На Mac щелкните один раз файл index.php, щелкните Файл, Выбрать Открыть с, и щелкните BBEdit вариант. Если это не сработает, откройте BBEdit и перетащите файл index.php в его окно.

Создайте веб-хостинг у себя дома Шаг 19
Создайте веб-хостинг у себя дома Шаг 19

Шаг 6. Замените содержимое файла index.php своим исходным кодом

Нажмите Ctrl + A (Windows) или ⌘ Command + A (Mac), чтобы выделить весь текст в документе index.php, затем нажмите Ctrl + V или ⌘ Command + V, чтобы вставить скопированный исходный код веб-сайта.

Создайте веб-хостинг у себя дома Шаг 20
Создайте веб-хостинг у себя дома Шаг 20

Шаг 7. Сохраните документ

Для этого нажмите Ctrl + S (Windows) или ⌘ Command + S (Mac).

Создайте веб-хостинг у себя дома Шаг 21
Создайте веб-хостинг у себя дома Шаг 21

Шаг 8. Закройте документ и его главную папку

Это должно вернуть вас к всплывающему окну «Настройки» MAMP.

Создайте веб-хостинг у себя дома Шаг 22
Создайте веб-хостинг у себя дома Шаг 22

Шаг 9. Щелкните ОК

Он находится внизу окна. Это сохранит ваши настройки и закроет всплывающее окно.

Часть 5 из 6. Доступ к вашему сайту

Создайте веб-хостинг у себя дома. Шаг 23
Создайте веб-хостинг у себя дома. Шаг 23

Шаг 1. Щелкните Запустить серверы

Он находится в правой части окна.

Создайте веб-хостинг у себя дома Шаг 24
Создайте веб-хостинг у себя дома Шаг 24

Шаг 2. Щелкните Открыть стартовую страницу

Вы найдете эту опцию в левой части окна. Стартовая страница MAMP откроется в вашем веб-браузере по умолчанию.

Создайте веб-хостинг у себя дома Шаг 25
Создайте веб-хостинг у себя дома Шаг 25

Шаг 3. Щелкните вкладку Мой веб-сайт

Он находится вверху страницы. Откроется ваш веб-сайт.

Создайте веб-хостинг у себя дома Шаг 26
Создайте веб-хостинг у себя дома Шаг 26

Шаг 4. Просмотрите свой сайт

Прокрутите свой веб-сайт, чтобы просмотреть его целиком.

Создайте веб-хостинг у себя дома Шаг 27
Создайте веб-хостинг у себя дома Шаг 27

Шаг 5. Проверьте адрес вашего сайта

Вы можете найти адрес веб-сайта в адресной строке вверху браузера; Адрес вашего веб-сайта должен иметь вид «localhost: 81». Это адрес, который вы вводите для доступа к своему веб-сайту, когда вы находитесь в своей текущей сети во время работы MAMP.

Часть 6 из 6. Просмотр вашего веб-сайта с другого компьютера

Создайте веб-хостинг у себя дома Шаг 28
Создайте веб-хостинг у себя дома Шаг 28

Шаг 1. Убедитесь, что ваш сайт работает

Чтобы получить доступ к своему веб-сайту, вам необходимо, чтобы на вашем хост-компьютере был запущен MAMP.

Вы не можете подключиться к своему веб-сайту, если MAMP (или ваш хост-компьютер) выключен

Создайте веб-хостинг у себя дома Шаг 29
Создайте веб-хостинг у себя дома Шаг 29

Шаг 2. Установите статический IP-адрес для вашего хост-компьютера

Статический IP-адрес гарантирует, что IP-адрес вашего компьютера не изменится, а значит, адрес вашего веб-сайта останется неизменным:

  • Откройте страницу вашего роутера.
  • Авторизуйтесь, если необходимо.
  • Найдите список подключенных в данный момент компьютеров.
  • Найдите имя своего компьютера.
  • Выберите бронировать или Замок рядом с IP-адресом вашего компьютера.
Создайте веб-хостинг у себя дома Шаг 30
Создайте веб-хостинг у себя дома Шаг 30

Шаг 3. Перенаправьте порт "Apache" MAMP на ваш маршрутизатор

Это потребует открытия раздела «Переадресация портов» вашего маршрутизатора, добавления порта, который вы использовали для Apache при настройке MAMP, и сохранения ваших настроек.

Вы можете увидеть, какой порт использует Apache, нажав Предпочтения… на панели инструментов MAMP, щелкнув Порты вкладка и глядя на число рядом с заголовком "Apache".

Создайте веб-хостинг у себя дома Шаг 31
Создайте веб-хостинг у себя дома Шаг 31

Шаг 4. Найдите общедоступный IP-адрес вашего хост-компьютера

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

Создайте веб-хостинг у себя дома Шаг 32
Создайте веб-хостинг у себя дома Шаг 32

Шаг 5. Используйте компьютер в другой сети

Чтобы предотвратить конфликты между локальным хостом вашей сети и общедоступным IP-адресом, попробуйте подключиться к вашему веб-сайту с другого компьютера, чем ваш главный компьютер в другой сети.

Создайте веб-хостинг у себя дома Шаг 33
Создайте веб-хостинг у себя дома Шаг 33

Шаг 6. Зайдите на свой сайт

Используя компьютер в другой сети, откройте веб-браузер, введите общедоступный IP-адрес главного компьютера, введите двоеточие (:), введите номер порта Apache и нажмите ↵ Enter. Это должно перенаправить вас на веб-сайт.

Например, если общедоступный IP-адрес главного компьютера - «123.456.78.901» и вы используете порт 81 для Apache, вы должны ввести 123.456.78.901:81 и нажать ↵ Enter

Видео - с помощью этой службы некоторая информация может быть передана YouTube

подсказки

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

Рекомендуемые: