Форум
Пошаговая инструкция по открытию доступа к своим сайтам с других устройств по wi-fi.
Пошаговая инструкция по открытию доступа к своим сайтам с других устройств по wi-fi.
Инструкция предназначена для новичков (типа меня ), дабы не допекали элементарными вопросами создателя OpenServer.
Если у вас в процессе настройки появилась непонятная ошибка — рекомендую следующий алгоритм поиска решения:
1) внимательно прочитать сообщение об ошибке (если есть). Попытаться понять, что это означает. )
2) прочитать соответствующие разделы в руководстве OpenServer тут и тут, если еще не прочитали.
3) поискать ответ здесь на форуме
4) спросить у яндекса, гугла
5) задать вопрос здесь на форуме
1) Посмотреть, какой ip роутер выдал компьютеру, на котором установлен OpenServer.
На примере роутера TP-Link:
4) На компьютере с OpenServer и на всех компьютерах, телефонах, планшетах с которых хотите заходить по wi-fi на ваши сайты, нужно вписать в файл hosts ваш ip (компа, на котором стоит OpenServer) и название сайта. Тогда при обращении к этим сайтам браузер будет лезть не в интернет, а искать его в локальной сети по указанному ip.
Вписываеся ip следующим образом: Подробности о том, где лежит файл hosts на разных устройствах — спрашивайте у яндекса.
Для редактирования файла host на Android аппарат должен быть рутован, а на iOS нужен джейлбрейк. Если на ваших аппаратах такого нет — читайте ниже про доступ к сайтам по ip.
4) Если на компьютере с OpenServer установлен файрвол/брандмауэр — то нужно открыть используемый вами порт (обычно 80) для ваших устройств, с которых будете заходить на ваши сайты. Если не знаете как — яндекс в помощь.
Пример для NOD32 Smart Security:
После этих шагов по идее вы уже можете заходить с других устройств на ваши сайты по wi-fi.
Если нет возможности редактировать файл hosts на планшетах и телефонах.
Если у вас один сайт — в настройках OpenServer создайте алиас для него по ip:
При вводе в браузере этого ip будет открываться ваш сайт.
Пока не разбирался, как сделать доступ сразу к нескольким своим сайтам по ip. Думаю, что где-нибудь на форуме можно найти ответ на этот вопрос.
Возможные проблемы и их решения:
1) После указания нового ip в настройках сервера и перезапуска — на сайте вываливаются ошибки MySQL.
Решение: изменить ip в настройках сайта для доступа к базе данных с localhost (или 127.0.0.1) на ваш новый ip.
(скорее всего с другими источниками данных будет такое же решение)
2) На некоторых своих устройствах я не могу редактировать файл hosts. Поэтому приходится использовать доступ по ip.
Столкнулся с проблемой, что не работает созданный алиас.
При вводе в браузере ip сайта — открывается пустая страница (статус при этом 200).
Для простых сайтов алиас работает. Проблема возникает только, когда я делаю алиас для сайта с поддоменом (фреймворк Yii2, шаблон advance).
Как это правильно решить я не знаю.
Как временное решение я использую следующее.
В папке с сайтом на который я хочу заходить у меня лежит файл настройки виртуального хоста Apache.
там в пункте ServerAlias я просто прописал ip OpenServer: При такой настройке когда я ввожу на других устройствах ip сервера — открывается мой сайт.
Но доступа к другим сайтам нет.
На данный момент мне такое решение подходит, но я понимаю что это временное решение и буду благодарен, если кто-нибудь подскажет как правильно настраивать алиасы для сайтов с поддоменами.
3) Сайт начинает глючить (при заходе на него по ip).
Проверьте, что в создаваемых сайтом куки домен указан в виде ip, по которому вы открываете сайт.
The end.
PS: Замечания об ошибках в инструкции, а также уточнения и подсказки по возможным проблемам и их решению приветствуются.
Сайт на экране компьютера: как его же открыть на смартфоне
Допустим, сайт или какая-либо веб-страница, находящаяся в интернете, открыты на компьютере или ноутбуке. Как ту же самую страницу открыть на смартфоне? Оказывается, это можно сделать при помощи QR-кода и браузера Google Chrome.
p, blockquote 1,0,0,0,0 —>
p, blockquote 2,0,0,0,0 —>
Кратко о QR-коде
QR является сокращением от «Quick Response», что можно перевести как «быстрый отклик». Внешне этот код похож на квадрат, состоящий из маленьких черных квадратиков. Сам квадрат по размерам небольшой. Тем не менее, технология QR-кода позволяет вместить довольно большое количество информации о каком-либо конкретном объекте.
p, blockquote 3,0,0,0,0 —>
Чтобы узнать, какая информация зашифрована в коде, следует воспользоваться мобильным телефоном. Сейчас многие смартфоны автоматически распознают QR-коды. Для этого на мобильнике следует включить камеру и поднести ее к QR-коду. Если камера сумеет распознать код, тогда на экране смартфона довольно быстро появится информация, зашифрованная с помощью технологии QR.
p, blockquote 4,0,0,0,0 —>
Вообще, узнать, работает ли сканирование кода на смартфоне с помощью камеры, довольно просто – надо просто попробовать это сделать.
p, blockquote 5,0,1,0,0 —>
Гугл Хром сам создает QR-код
Браузер Google Chrome обладает встроенной функцией по созданию QR-кода. С помощью такой функции можно получить QR-код для любой страницы, которая открыта в браузере. Этот код понадобится для того, чтобы потом без проблем открыть эту же страницу уже на смартфоне. Код можно получить благодаря нехитрым действиям, описанным ниже.
p, blockquote 6,0,0,0,0 —>
Открываем Гугл Хром на компьютере или на ноутбуке. В этом браузере находим нужную страницу или сайт.
p, blockquote 7,0,0,0,0 —>
На странице (или на сайте) выбираем пустое, свободное место и кликаем там правой кнопкой мыши (ПКМ). Например, можно щелкнуть ПКМ в том месте, которое на рисунке 1 отмечено цифрой 1. Появится контекстное меню, связанное с этой страницей (цифра 2 на рис. 1). Обращаю внимание, что нужно щелкнуть именно на нужной странице и именно на пустом ее месте. Если щелкнуть на какой-либо ссылке или надписи, то в меню не появится нужного пункта.
p, blockquote 8,0,0,0,0 —> Рис. 1. Клик правой кнопкой мыши по странице, открытой в Гугл Хроме (цифра 1). После этого появится меню с предложением создать QR-код (цифра 2).
Как видно на рисунке 1, если кликнуть правой кнопкой мыши по свободному месту на странице (или на сайте), появится контекстное меню. Там есть пункт «Создать QR-код для этой страницы» (цифра 2 на рис. 1). Щелкаем по данному пункту.
p, blockquote 9,0,0,0,0 —>
После этого происходит маленькое чудо. В верхней строке браузера Гугл Хром, как по мановению волшебной палочки, появится иконка QR-кода. Кликаем по этой иконке (обведена в красную рамку на рис. 2). Откроется небольшое окно «Сканирование QR-кода»:
p, blockquote 10,1,0,0,0 —> Рис. 2. В Гугл Хроме появился QR-код открытой страницы. Теперь можно его сканировать с помощью смартфона.
Сканирование QR-кода на смартфоне
h2 3,0,0,0,0 —> Рис. 3. Открываем «Камеру» на смартфоне.
Итак, на экране компьютера или ноутбука появился QR-код открытой страницы. Берем в руки смартфон и открываем там стандартное приложение «Камера». Современные смартфоны, как правило, умеют распознавать QR-коды с помощью встроенной камеры.
p, blockquote 11,0,0,0,0 —>
Как известно, с помощью камеры на мобильном телефоне можно фотографировать, а также снимать видео. Чтобы сканировать QR-код, необходимо открыть камеру в режиме фото. После этого следует поднести смартфон к экрану компьютера, возможно, чуть-чуть подвигать смартфон, чтобы камера «схватила», то есть, смогла прочитать QR-код (рис. 4).
p, blockquote 12,0,0,0,0 —> Рис. 4. Камера смартфона в режиме фото распознала QR-код на экране компьютера.
Если код будет прочитан, на телефоне появится маленькое окно «Открыть …» или «Перейти по ссылке», либо что-то похожее. Остается лишь нажать на появившееся окошко, чтобы открыть страницу на смартфоне.
p, blockquote 13,0,0,0,0 —> Рис. 5. Сайт, который был открыт на компьютере, теперь открыт на смартфоне.
Бывает так, что встроенная камера на смартфоне не распознает QR-код. Тогда можно установить отдельное приложение для сканирования кода. Таких приложений очень много. Тогда можно будет читать QR-код с помощью установленного приложения. Но обычно QR-код распознается с помощью стандартного приложения «Камера», как в приведенном выше описании.
p, blockquote 14,0,0,0,0 —>
Используя QR-код, можно открыть на смартфоне любой сайт или любую страницу, которая открыта в браузере Гугл Хром на компьютере.
Денвер в локальной сети. Локальный сайт на телефоне
Web-программирование в наше время доступно далеко не только узким специалистам в их профессиональной деятельности. С этой сферой IT-индустрии часто сталкиваются и системные администраторы, и даже рядовые пользователи компьютеров, интересующиеся развитием интернет-технологий.
В статье Ошибка #1273 — Unknown collation: utf8mb4. Обновляем MySQL в Denwer мы говорили о переносе базы данных сайта с одного хостинга на другой, а также о переносе сайта на локальный компьютер. Сегодня мы поговорим о том, как открыть сайт, развёрнутый на компьютере, с другого компьютера и с телефонов в локальной сети.
Содержание статьи:
Доступ к Denwer из локальной сети
Перед всеми настройками, приведём несколько примеров, когда доступ к сайту из локальной сети может быть реально полезен:
- сайт создан для корпоративных целей . То есть сайт служит исключительно для работы внутри офиса или здания организации/учреждения. В этом случае тратить деньги, пусть и не самые большие, на покупку доменного имени и хостинга не всегда рационально;
- требуется отладка сайта в различных версиях операционных систем , будь то разные версии Windows, MacOS, Linux или другие, более экзотические ОС. Да, для тестирования сайта на других ОС достаточно воспользоваться виртуальной машиной, но это в том случае, если сайт уже загружен на хостинг, а вот на этапе подготовки и внесения значительных изменений в структуру и дизайн ресурса способ с доступом к сайту в локальной сети очень пригодится;
- отладка сайта на мобильных устройствах . Некоторые шаблоны современных CMS могут вести себя достаточно непредсказуемо при открытии с мобильных аппаратов. Сегодня этим пренебрегать не стоит, так как поисковые системы всё лояльнее относится к оптимизированным под смартфоны ресурсам. Конечно, популярные браузеры имеют опцию, имитирующую отображение страницы на мобильном девайсе, но если вы проверите, то убедитесь, что работа некоторых меню сайта и отображения некоторых элементов в десктопном браузере всё равно будет отличаться от таковых на реальном мобильном гаджете.
Это лишь некоторые причины, побуждающие организовать доступ к сайту в Денвер из локальной сети . У вас, разумеется, могут быть и свои предпосылки для этого. Далее приступаем к настройке.
Первые два этапа подготовки проводятся непосредственно на компьютере, где расположен сайт, то есть там, где установлен денвер. Это наш локальный сервер или, другими словами, хостинг , то есть хранилище, на котором расположены все файлы ресурса.
Для начала необходимо обеспечить доступность локального сервера в сети. Современные версии Денвера сами прописывают исключения в стандартный межсетевой экран операционной системы при установке.
Но в случае, когда основной компьютер оказывается недоступен из локальной сети, необходимо добавить входящие/исходящие подключения в исключения Брандмауэра.
Для начала добавляем порт доступа в исключения используемого вами Брандмауэра или Фаервола. По умолчанию денвером используется 80 порт .
Если после проделанных настроек компьютер всё равно будет не доступен с внешних устройств, то потребуется добавить ip-адреса внешних компьютеров и мобильных устройств локальной сети в исключения сетевого экрана.
О том, как узнать ip-адрес компьютера в локальной сети подробно можно почитать в статье Определение ip адреса и mac адреса компьютера в сети. Это всё, что нам нужно сделать на данном этапе.
Открытие сайта из Denwer по ip-адресу в локальной сети
Второй этап настройки. Теперь нам нужно сделать так, чтобы при подключении к ip-адресу нашего основного компьютера открывался нужный локальный сайт . Все нижеприведённые манипуляции подразумевают, что у нас уже установлен denwer, а локальный сайт доступен с основного компьютера.
Есть два способа открыть по ip-адресу компьютера нужный сайт .
Первый способ — это создать в папке home денвера каталог, именем которого сделать ip-адрес основного компьютера, например, 192.168.0.21 и уже в этом каталоге расположить папку www с файлами сайта. То есть путь до каталога, содержащего сайт будет следующим:
где X — это буква виртуального диска, созданного при установке Denwer;
192.168.0.21 — ip-адрес в локальной сети компьютера, на котором установлен Denwer.
Этот способ простой, но его минус заключается в том, что он работает на этапе создания локального сайта . Если таковой у вас уже развёрнут, то этот вариант не подходит.
Кроме того, при подобной настройке придётся открывать сайт исключительно по ip-адресу , а не по доменному имени.
Второй способ открытия сайта по ip-адресу в локальной сети — использование файла .htaccess
Подобный файл может быть уже расположен в папке www или public_html , нам же надо создать этот файл на одном уровне с данными папками ( www или public_html ), то есть в каталоге с названием доменного имени сайта. Для сайта miradmin.ru, предположим, путь до файла .htaccess будет следующим:
Содержимое файла будет таким (можно использовать и прочие настройки, но их обсуждение выходит за рамки данной публикации):
где 192.168.0.21 — ip-адрес в локальной сети компьютера, на котором установлен Denwer.
Если вам по каким-то причинам не удаётся создать подобный файл, вы можете скачать файл .htaccess из прикреплённого к статье архива: .htaccess
После перезапуска Денвера при переходе в браузере на ip главного компьютера будет открываться сайт, в каталоге которого расположен файл .htaccess
Открытие сайта из Denwer в локальной сети по домену
Основная цель достигнута, наш сайт доступен в локальной сети, однако, каждый раз набивать в адресной строке ip-адрес не очень удобно. Нужно сделать так, чтобы сайт в локальной сети открывался при переходе в адресной строке браузера по доменному имени.
Всё, что нам нужно сделать для этого — отредактировать должным образом файл hosts в клиентской операционной системе.
Итак, если на клиентском компьютере установлена операционная система Windows , то нам нужно открыть для редактирования в любом текстовом редакторе (Блокнот, Notepad++ и так далее) файл, расположенный по пути
В открывшемся редакторе добавляем новую строчку и вносим туда следующие записи:
где 192.168.0.21 — ip-адрес в локальной сети компьютера, на котором установлен Denwer;
miradmin.ru — адрес, при переходе по которому пользователь в локальной сети должен получать наш сайт.
Если вам не удаётся сохранить внесённые изменения в файл hosts , то можно скопировать файл в любую пользовательскую папку ( Рабочий стол , Мои документы и так далее), отредактировать файл, сохранить изменения, а уже затем поместить файл hosts обратно в каталог etc , откуда файл и был скопирован.
Если же доступ в локальной сети необходимо обеспечить смартфону/планшету на базе Android , то аналогичную запись, приведённую выше, нужно добавить в файл hosts, который находится по следующему пути:
О том, как это сделать, подробно описано в статье Убираем рекламу на Android. Файл hosts
Если текстовым редактором изменить файл hosts на Андроид не удалось , то можно воспользоваться специальной утилитой, которая называется Hosts Editor, и предназначена конкретной для этой цели.
Пути расположения файла hosts для некоторых других операционных систем (взято из приведённой выше публикации):
В UNIX-подобных операционных системах типа Linux файл расположен в каталоге:
В последних версиях Mac OS X и iOS от Apple путь будет следующим:
Что надо знать при работе с Denwer в локальной сети
Настройки проведены, наш сайт доступен в локальной сети по доменному имени. Рассмотрим некоторые моменты, которые необходимо учитывать при работе с Денвером в локальной сети:
- При корректной настройке сети локальный сайт будет открываться в ней независимо от того, каким образом произведено подключение устройства : по проводному каналу Ethernet или по беспроводному Wi-Fi. Это касается как главного компьютера, на котором сайт расположен, так и клиентских, подключаемых машин.
- Если для доступа к сайту по доменному имени были внесены изменения в hosts файл, то после этого аналог сайта в интернете будет недоступен (если таковой существует на удалённом хостинге с аналогичным доменным именем). Для подключения к сайту, находящемуся на удалённом сервере через интернет потребуется либо удалить добавленную ранее строчку из файла hosts с доменом и ip-адресом основного компьютера, либо закомментировать её , просто поставив вначале строки символ решётки:
- Если после добавления в файл hosts строк с доменом и ip в браузере всё равно отображается версия из интернета , откройте сайт в приватной вкладке (для некоторых браузеров — в режиме Инкогнито ). Также на компьютере можно провести обновление страницы нажатием сочетания клавиш Ctrl + F5, в этом случае вся страница заново скачается из сети , а не подгрузится из кэша браузера.
- Если после всех настроек и добавления исключений в брандмауэр сайт всё ещё недоступен в локальной сети , нужно предоставить общий доступ к папке сайта в Денвер. В Windows это делается нажатием правой кнопки мыши по папке и переходом по пути Свойства — Доступ — Общий доступ и Расширенная настройка .
- И последнее, о чём хотелось бы сказать — это безопасность . Сразу отметим, что при корректной настройке и работе системы никаких проблем с безопасностью у вас не возникнет. Однако, следует понимать, что, давая доступ к сайт из сети, мы подвергаем его опасности подключения извне. При наличии бреши в системе безопасности компьютера злоумышленники могут даже получить возможность работы с данными за пределами каталогов Denwer.
На этом всё, мы рассмотрели, как открыть сайт из Денвер на компьютере и на смартфоне в локальной сети .
Как просмотреть локальный сайт на телефоне?
Я сделал сайт и адаптировал его под все устройства, но он, как вы понимаете, только на компе. (и в гите) На хостинг заливать буду позже.
Вопрос: Как мне открыть свой сайт на телефоне (пощупать, понажимать, в общем, проверить его перед заливом на хост?) В интернетах толковой инфы не нарыл (хотя искал прилично). Пробовал вариант через ipconfig узнать айпи локальной сети, в итоге набрал на телефоне, а телефон ушёл в вечную загрузку. Отключал брандмауэр, делал сеть домашней, ничего не получается. Что же мне делать?