1. Головна
    2. Веб-дизайн та розробка сайтів
    3. Як створити веб–хостинг будинку (з ілюстраціями)

Як створити веб–хостинг будинку (з ілюстраціями)

У цій статті ми розповімо вам, як розмістити веб-сайт на своєму домашньому комп'ютері. Для цього знадобиться безкоштовна програма MAMP.

Частина1З 6:
Як підготуватися до розміщення сайту

  1. Переконайтеся, що ваш Інтернет-провайдер дозволяє розміщувати сайти. швидше за все, нічого не трапиться, якщо сайт відвідуватимуть небагато користувачів, але більший трафік може суперечити правилам Інтернет-провайдера.
    • У більшості випадків тарифний план можна оновити до корпоративного (або аналогічного), який включає хостинг з великим трафіком.
  2. Напишіть вихідний код сайту. Створіть код , якщо ще не зробили це.
  3. Встановіть текстовий редактор, який підтримує роботу з PHP-файлами. Вибір редактора залежить від операційної системи:
    • Windows - користуйтеся Notepad++.
    • Mac - скачайте безкоштовний текстовий редактор BBEdit; для цього перейдіть на сторінку https://www.barebones.com/products/bbedit/ і праворуч натисніть «Free Download» (скачати безкоштовно).

Частина2З 6:
Як встановити MAMP

  1. Відкрийте веб-сайт MAMP. перейдіть на сторінку https://www.mamp.info/en/downloads/ у веб-браузері комп'ютера.
    • Зробіть це на комп'ютері, на якому хочете розмістити сервер.
  2. Скачайте інсталяційний файл. для цього натисніть «MAMP &#amp; MAMP PRO 4.0.1» (для Windows) або «MAMP &#amp; MAMP PRO 5.0.1» (для Mac).
    • Можливо, спочатку вам доведеться підтвердити завантаження або вибрати папку для завантаження.
  3. Зачекайте, поки інсталяційний файл завантажиться на комп'ютер. коли це станеться, перейдіть до наступного кроку.
  4. Двічі клацніть по завантаженому файлу. відкриється вікно інсталятора MAMP.
    • На комп'ютері Mac клацніть по викачаному pkg-файлу.
  5. Дотримуйтесь інструкцій на екрані. вони залежать від операційної системи комп'ютера, але обов'язково зніміть прапорець у "Install MAMP PRO" (Встановити PRO-версію MAMP), якщо ця опція з'явиться у вікні установника.
  6. Дочекайтеся, коли MAMP встановиться. тепер налаштуйте цю програму.

Частина3З 6:
Як налаштувати MAMP

  1. Запустіть MAMP. для цього натисніть або двічі клацніть по значку у вигляді білого слона на сірому тлі. Відкриється панель інструментів MAMP.
    • На комп'ютері Mac цей значок знаходиться папці «програми».
  2. НатиснітьUse next free port (використовувати наступний вільний порт), коли з'явиться запит. у цьому випадку MAMP пропустить порт 80 і знайде інший вільний порт.
    • У більшості випадків MAMP буде використовувати порт 81, якщо порт 80 зайнятий.
  3. НатиснітьYes (так), коли з'явиться запит. MAMP приступить до використання обраного порту.
  4. Дайте відповідь позитивно на будь-які запити з боку брандмауера. на комп'ютері з Windows брандмауер запропонує дозволити доступ до мережі Apache і MySQL. Натисніть "Дозволити" в обох вікнах із запитами.
    • Пропустіть цей крок на комп'ютері Mac.

Частина4З 6:
Як завантажити свій сайт

  1. Скопіюйте вихідний код свого сайту. відкрийте документ з кодом сайту, виділіть текст і натисніть Ctrl + C (Windows) або ⌘ Command + C (Mac).
  2. Клацніть поPreferences (Настройки). це опція на лівій панелі вікна MAMP. Відкриється спливаюче вікно.
  3. Клацніть по вкладціWeb Server (Веб-сервер). ця опція знаходиться у верхній частині спливаючого вікна.
  4. НатиснітьOpen (відкрити). це опція посередині вікна. Відкриється папка "htdocs".
    • На комп'ютері Mac клацніть по значку у вигляді папки праворуч від «Document Root» (кореневий документ).
  5. Відкрийте файл «index.php». клацніть правою кнопкою миші на файлі «index.php "і в меню виберіть" Редагувати за допомогою Notepad ++".
    • На комп'ютері Mac клацніть по файлу «index.php", натисніть "Файл«, виберіть» Відкрити за допомогою «і натисніть»BBEdit". Якщо це не спрацювало, запустіть BBEdit і перетягніть файл " index.php " у вікно цього редактора.
  6. Замініть вміст файлу «index. php " на скопійований вихідний код. натисніть Ctrl + A (Windows) або ⌘ Command + A (Mac), щоб виділити весь вміст файлу «index.php", а потім натисніть Ctrl + V або ⌘ Command + V , щоб вставити код веб-сайту.
  7. Збережіть документ. для цього натисніть Ctrl + S (Windows) або ⌘ Command + S (Mac).
  8. Закрийте документ і папку. ви повернетеся до вікна з налаштуваннями MAMP.
  9. Клацніть поOK . це кнопка внизу вікна. Налаштування будуть збережені, а спливаюче вікно закриється.

Частина5З 6:
Як відкрити свій сайт

  1. НатиснітьStart Servers (запустити сервери). це опція на правій панелі вікна.
  2. Клацніть поOpen start page (відкрити початкову сторінку). ви знайдете цю опцію в лівій частині вікна. Початкова сторінка MAMP відкриється у Вашому основному веб-браузері.
  3. Клацніть по вкладціMy Website (мій веб-сайт). це опція вгорі сторінки. Відкриється ваш сайт.
  4. Перегляньте свій сайт. для цього повністю прокрутіть його.
  5. Знайдіть адресу свого сайту. він знаходиться в адресному рядку вгорі браузера; адреса Вашого сайту повинен бути приблизно таким: «localhost:81». Це адреса, яку ви введете для доступу до свого веб-сайту, коли комп'ютер підключений до поточної мережі і коли працює MAMP.

Частина6З 6:
Як відкрити сайт на іншому комп'ютері

  1. Переконайтеся, що ваш сайт працює. щоб відкрити сайт з будь-якого комп'ютера, на вашому комп'ютері повинна працювати програма MAMP.
    • Відкрити сайт не вийде, якщо програма MAMP або ваш комп'ютер не працюють.
  2. Надайте своєму комп'ютеру статичну IP-адресу. У цьому випадку IP-адреса не зміниться, а отже не зміниться адреса Вашого сайту:
    • відкрийте сторінку конфігурації маршрутизатора .
    • Введіть облікові дані, якщо необхідно.
    • Знайти список підключених до мережі комп'ютерів.
    • Знайдіть ім'я свого комп'ютера.
    • Виберіть опцію «Reserve» (зарезервувати) або «Lock» (заблокувати) поруч з IP-адресою свого комп'ютера.
  3. Переадресуйте порт Apache на маршрутизаторі. для цього відкрийте розділ «Port Forwarding» (переадресація портів) на сторінці конфігурації маршрутизатора, додайте порт, який ви використовували для Apache при налаштуванні MAMP, а потім збережіть внесені зміни.
    • Щоб з'ясувати, який порт використовує Apache, натисніть «Preferences» (налаштування) на панелі інструментів MAMP, перейдіть на вкладку «Ports» (порти) і подивіться на число в рядку «Apache».
  4. З'ясуйте публічну IP-адресу свого комп'ютера. для цього відкрийте Яндекс, введіть мій ip і натисніть ↵ Enter . Публічна IP-адреса Вашого комп'ютера відобразиться над результатами пошуку.
  5. Перейдіть за комп'ютер, який підключений до іншої мережі. щоб запобігти конфліктам між локальним хостом своєї мережі та публічною IP-адресою, спробуйте відкрити свій веб-сайт на іншому комп'ютері, який підключений до іншої мережі.
  6. Відкрийте свій сайт. на іншому комп'ютері запустіть веб-браузер, введіть публічну IP-адресу свого комп'ютера, введіть двокрапку (:), введіть номер порту Apache, а потім натисніть ↵ Enter . Ваш сайт повинен відкритися.
    • Наприклад, якщо публічний IP-адреса Вашого комп'ютера «123.456.78.901», а номер порту Apache 81, введіть 123.456.78.901:81 і натисніть ↵ Enter .

Поради

  • Свій сервер краще розмістити на старому комп'ютері.
  • Якщо можливо, підключіть свій комп'ютер до маршрутизатора через кабель Ethernet .

Попередження

  • Не розміщуйте сайт, якщо пропускна здатність вашого інтернет-з'єднання обмежена.

Ще почитати: