1. Доступ до сайту по локальній мережі
2. Доступ до локального сайту з інтернету
3. Безпека комп'ютера!
4. Що робити, якщо у вас немає виділеного IP-адреси?

Всім привіт! На зв'язку Заур Магомедов з черговою порцією матеріалу для веб-майстрів. Не встиг розпочатися рік, як ми вже наблизилися до кінця лютого. Пишу цей пост в святковий день 23 лютого і поки не забув - вітаю всіх чоловіків з Днем захисників вітчизни! Ну що можна побажати ще, як не мирного неба над головою і здоров'я всім нам. А тепер власне перейдемо до теми поста.

Коли розробляєш сайт по ходу справи можуть з'являтися будь-які питання до замовника. Так ось ці питання зручніше, а в деяких випадках просто обов'язково обговорювати, коли замовник бачить сам сайт. Як ми можемо показати сайт замовнику якщо він розробляється на локальному сервері? Можна, звичайно, вивантажити на хостинг, це як варіант. Але для мене особисто це незручно, тому що доведеться робити оновлення на хостингу періодично по мірі надходження питань. Можна також працюючи на локалке, при кожному збереженні файлів вивантажувати їх на хостинг, причому робиться це автоматично, наприклад, в редакторі Sublime Text 3 + плагін Sftp є така можливість.

Не дивлячись на перераховані вище способи, є варіант дати доступ до локального сайту з інтернету для перегляду. Тоді замовник може спостерігати за всім ходом роботи. Єдиний мінус - коли ви виключаєте комп'ютер перегляд стане неможливим. Можна в принципі комп'ютер і не вимикати, нехай працює, нічого страшного в цьому немає. Давайте тепер розглянемо, як показати сайт по локальній мережі і дати доступ з інтернет.

Як веб-сервера я буду використовувати мій улюблений Open Server .

Доступ до сайту по локальній мережі

Відразу скажу, що в даній статті я не буду показувати як потрібно налаштовувати саму локальну мережу. Благо по цій темі в інтернеті є маса матеріалів, в тому числі і відео. Щоб показати сайт по локалке нам необхідно зробити деякі налаштування в Open Server. Для цього клацаємо правою кнопкою миші по прапорці Open Server в треї і переходимо до налаштувань. Вибираємо вкладку «Сервер» і там знаходимо такий пункт, як «IP-адреса сервера», виставляємо опцію «Всі доступні IP».

Далі переходимо у вкладку «Аліаси». Зверніть увагу на поля: вихідний домен, кінцевий домен. В поле «Вихідний домен» ми вбиваємо IP-адресу нашого комп'ютера в локальній мережі. Дізнатися його можна таким чином: клацаємо на комбінацію клавіш Win + R і в який з'явився віконці вбиваємо команду «cmd» для запуску вікна командного рядка.

Далі у вікні командного рядка вводимо команду «ipconfig» і отримуємо ось такий результат.

Тут нас цікавить терміну «IPv4-адрес». Це і є ваш локальний IP-адреса комп'ютера. У мене він - 192.168.1.205, ось як раз його я і вбиваю в поле "Вихідний домен» в настройках локального сервера. В поле «Кінцевий домен» ми вибираємо домен нашого сайту. Я вибрав домен за замовчуванням - Localhost для прикладу. Після вибору тиснемо на кнопку «Додати» і у нас в списку внизу з'явиться запис, яка говорить про те, який домен повинен відкриватися при зверненні до комп'ютера з даними IP-адресою з локальної мережі.

Все, що вони бережуть. Після цього сервер увімкнеться знову і можна вже відкривати наш сайт по локальній мережі. Для цього просто необхідно вбити ваш локальний IP-адресу на іншому комп'ютері в адресний рядок браузера. Ось і все, все досить просто.

Доступ до локального сайту з інтернету

Можна дати можливість користувачам дивитися на сайт з інтернету. В даному випадку локальний сервер буде виступати в ролі віртуального хостингу. Але тут є певний нюанс - у вас повинен бути виділений (статичний) зовнішній IP-адреса. Ваш інтернет-провайдер повинен призначити вашому комп'ютеру в своїй мережі IP-адреса, який залишиться незмінним. Зазвичай таку послугу провайдери надають за окрему додаткову плату. Маючи виділений IP-адреса, доступ до локального сайту можна вирішити на раз, два ...

Безпека комп'ютера!

Слід мати на увазі, що доступ до комп'ютера з поза порушує гарантію безпеки. Деякі дірки в скриптах, запущені з правами адміністратора можуть відкрити хакерам доступ до вашого комп'ютера. Перед налаштуванням віддаленого доступу обов'язково почитайте рекомендації розробника в документації до вимог безпеки.

Відкриваємо налаштування Open Server -> Аліаси. Додаємо новий рядок в парі Вихідний домен -> Кінцевий домен. В поле вихідного домену вбиваємо наш виділений IP-адреса. В поле кінцевого домену вибираємо наш домен. Не забуваємо натиснути на кнопку «Додати». Якщо ви не знаєте свій IP-адресу, то дізнатися його можна на сайті 2ip.ru .

Наступне, що нам необхідно буде зробити це створити переадресацію портів в маршрутизаторі. Для чого це потрібно? Коли звертаються до нашого IP-адресою з мережі комп'ютер повинен знати куди перенаправляти ці запити. Так ось, за допомогою переадресації ми ніби говоримо відкрий такий то сайт. Я покажу на прикладі свого роутера Asus RT-N12, але суть у всіх роутерів буде та ж сама, тому тут проблем не повинно виникнути. Якщо у вас англійська прошивка, то шукайте щось типу Port Forwarding. На крайній випадок почитайте в інтернеті, як створити переадресацію портів в вашому роутере.

Входимо в панель управління роутера і переходимо в розділ «Інтернет» -> «Переадресація портів». Тут відразу ставимо перемикач «Включити переадресацію портів» в положення «Так». Далі, в полі «Ім'я служби» можна ввести довільне назву на латиниці. В поле «Діапазон портів» можна вказати діапазон портів з якими ви будете працювати. За замовчуванням для http-з'єднання використовується 80-й порт, тому в даному полі я вводжу - 80. В полі «Локальний IP-адреса» вибираємо свій локальний комп'ютер. «Локальний порт» - вводимо номер порту, з яким працює ваш локальний сайт. Його можна дізнатися в настройках Open Server. Дивіться вище скрін налаштувань Open Server, вкладки «Аліаси», нижче вказані налаштування портів. Порт за замовчуванням «80» можна перевизначити, наприклад. - 8080. Це потрібно, якщо у вашій локальній мережі вже хтось зайняв 80-й порт. Тоді відповідно в поле «Локальний порт» ви вказуєте - 8080. Після всього тиснемо на кнопочку «Add / Delete» і у нас в списку з'являється новий запис.

Після всіх налаштувань застосовуємо налаштування - «Застосувати», при цьому роутер буде перезавантажений. Тепер в адресному рядку браузера на віддаленому комп'ютері вводимо наш зовнішній IP-адреса і відкриваємо сайт.

Що робити, якщо у вас немає виділеного IP-адреси?

Варіант з виділеним IP-адресою може підійти не всім. Чи не кожен захоче переплачувати провайдеру за виділений IP і я їх розумію. Якраз для таких випадків передбачений варіант з динамічним IP-адресою - технологія DDNS (Dynamic Domain Name System). Суть її полягає в тому, що клієнти можуть підключиться до роутера навіть з динамічним зовнішнім IP-адресою через зареєстроване доменне ім'я. У більшості сучасних роутерах служба DDNS вже вбудована. Як DNS-сервера виступають сервіси, які пропонують послуги DDNS. Один з таких сервісів - noip.com . Взагалі, таких сервісів може бути багато, принаймні я знаю вже кілька. Отже, давайте все по порядку.

реєструємося на сайті noip.com. При реєстрації можна відзначити чек-бокс «Create my hostname later», тобто створити ім'я хоста пізніше. Зверніть увагу, на сторінці реєстрації зазначено, що є безкоштовним користувачам. Нас цікавить саме «Hostnames», тобто кількість створюваних хостів. Для безкоштовного аккаунта це кількість дорівнює - 3. Думаю цієї цифри буде більш, ніж достатньо.

Після реєстрації обов'язково активуйте свій аккаунт, переходом по посиланню в листі. Після авторизації ми потрапляємо в свій особистий кабінет, вибираємо в меню «Dynamic DNS (Free)» -> «Hostnames» і створюємо ім'я хоста, клікнувши по кнопочки «Add Hostname». В поле «hostname» вводимо будь-яке ім'я латинськими буквами, наприклад, my-site. Майте на увазі, що вибране вами ім'я може бути зайнято на певному домені (поле Domain). Можете ввести інше ім'я або вибрати домен, на якому це ім'я буде вільно. В поле «IPv4 Address» підставлений ваш зовнішній IP-адреса, система визначила його автоматично. Тут нічого не чіпаємо. Якщо хочете переконатися, що це саме ваш IP, то можете порівняти його на сайті 2ip.ru. Додаємо хост - «Add Hostname».

Все, хост у нас створений. Тепер копіюємо адресу хоста в буфер обміну і йдемо в панель управління роутера: «Інтернет» -> «DDNS» і вводимо свої дані, як на скрині нижче. Єдине прокоментую те, що вам треба буде ввести свій логін і пароль, який ви вказали при реєстрації на сайті no-ip.com.

Тиснемо «Застосувати» і чекаємо поки перезавантажиться роутер. Останнє, що нам необхідно буде зробити це вказати наш хост в Open Server. Для цього йдемо в настройки, вкладка «Аліаси» і додаємо в список новий хост в ключі Вихідний домен -> Кінцевий домен.

Все, вбиваємо в адресному рядку браузера наш хост, в моєму випадку це - my-site.ddns.net і ура наш локальний сайт відкривається. Перевіряти краще на телефоні або на іншому пристрої, яка не підключено до вашої локальної мережі, тому що даний хост може відкритися і по локалке. Можна в телефоні відключити Wi-Fi і через мобільний інтернет перевірити. Ось, що у мене вийшло.

На цьому все. Сподіваюся вам дана стаття стане в нагоді. Якщо виникнуть питання, то задавайте в коментарях, постараємося вирішити ваші проблеми. Всім поки і зустрінемося в інших постах.